/**
 * Beehiiv newsletter form feedback styles.
 */

/* Parent blocks use fixed height + overflow:hidden; allow message to show. */
.inertia-newsletter-home.inertia-newsletter-home--has-message,
.inertia-newsletter-home:has( .js-beehiiv-message.is-success ),
.inertia-newsletter-home:has( .js-beehiiv-message.is-error ) {
	height: auto;
	min-height: 160px;
	overflow: visible;
	padding-bottom: 12px;
}

.inertia-newsletter-home .js-beehiiv-message.newsletter-message {
	display: none;
	margin: 10px auto 0;
	padding: 6px 10px;
	max-width: 90%;
	font-size: 12px;
	line-height: 1.35;
	border-radius: 3px;
	text-align: center;
}

.js-beehiiv-message.newsletter-message.is-success,
.js-beehiiv-message.newsletter-message.success {
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
}

.js-beehiiv-message.newsletter-message.is-error,
.js-beehiiv-message.newsletter-message.error {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
}

.inertia-newsletter-form .js-beehiiv-message.newsletter-message,
.inertia-newsletter-home .js-beehiiv-message.newsletter-message {
	clear: both;
}

.popover-newsletter .js-beehiiv-message.newsletter-message {
	width: 100%;
}

.inertia-modal-newsletter .js-beehiiv-message.newsletter-message {
	margin-top: 10px;
}