/* Newsletter Form Styles */

/* Hide all MailPoet wrapper elements and default styles */
.mailpoet-newsletter-form-container > div[id^="mailpoet_form_"] {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	width: 100% !important;
}

.mailpoet-newsletter-form-container .mailpoet_form_popup_overlay {
	display: none !important;
}

.mailpoet-newsletter-form-container div[id^="mailpoet_form_"].mailpoet_form {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	width: 100% !important;
}

/* Remove all MailPoet form wrapper styles */
.mailpoet-newsletter-form-container .mailpoet_form,
.mailpoet-newsletter-form-container form.mailpoet_form {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.mailpoet-newsletter-form-container .mailpoet_form_column {
	margin: 0 !important;
}

.mailpoet-newsletter-form-container .mailpoet_paragraph {
	margin-bottom: 0 !important;
}

/* Style the email input to match exactly */
.mailpoet-newsletter-form-container input[type="email"],
.mailpoet-newsletter-form-container .mailpoet_text {
	background-color: white !important;
	color: var(--heise-primary) !important;
	font-size: 0.875rem !important;
	border-radius: 0.25rem !important; /* rounded-sm = 0.25rem */
	display: block !important;
	width: 100% !important;
	padding: 0.625rem !important;
	border: 1px solid #d1d5db !important;
}

.mailpoet-newsletter-form-container input[type="email"]:focus,
.mailpoet-newsletter-form-container .mailpoet_text:focus {
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	border-color: rgb(59, 130, 246) !important;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Style the submit button to match exactly */
.mailpoet-newsletter-form-container input[type="submit"],
.mailpoet-newsletter-form-container .mailpoet_submit {
	color: white !important;
	background-color: var(--heise-primary) !important;
	margin-top: 0.75rem !important;
	font-weight: 500 !important;
	border-radius: 0.25rem !important; /* rounded-sm = 0.25rem */
	width: 100% !important;
	padding: 0.625rem 1.25rem 0.625rem 0.75rem !important;
	text-align: center !important;
	border: none !important;
	cursor: pointer !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}

@media (min-width: 640px) {
	.mailpoet-newsletter-form-container input[type="submit"],
	.mailpoet-newsletter-form-container .mailpoet_submit {
		width: auto !important;
	}
}

.mailpoet-newsletter-form-container input[type="submit"]:hover,
.mailpoet-newsletter-form-container .mailpoet_submit:hover {
	background-color: rgb(29, 78, 216) !important;
}

.mailpoet-newsletter-form-container input[type="submit"]:focus,
.mailpoet-newsletter-form-container .mailpoet_submit:focus {
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.5) !important;
}

/* Style for button instead of input[type="submit"] */
.mailpoet-newsletter-form-container button[type="submit"] {
	color: white !important;
	background-color: var(--heise-primary) !important;
	margin-top: 0.75rem !important;
	font-weight: 500 !important;
	border-radius: 0.25rem !important; /* rounded-sm = 0.25rem */
	width: 100% !important;
	padding: 0.625rem 1.25rem 0.625rem 0.75rem !important;
	text-align: center !important;
	border: none !important;
	cursor: pointer !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}

@media (min-width: 640px) {
	.mailpoet-newsletter-form-container button[type="submit"] {
		width: auto !important;
	}
}

.mailpoet-newsletter-form-container button[type="submit"]:hover {
	background-color: rgb(29, 78, 216) !important;
}

.mailpoet-newsletter-form-container button[type="submit"]:focus {
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.5) !important;
}

/* Hide MailPoet messages, show styled versions */
.mailpoet-newsletter-form-container .mailpoet_message {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.mailpoet-newsletter-form-container .mailpoet_validate_success {
	color: #16a34a !important; /* Dark green text */
	background-color: rgba(255, 255, 255, 0.95) !important; /* Almost opaque white background */
	padding: 0.75rem !important;
	border-radius: 0.25rem !important;
	border-left: 4px solid #16a34a !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	margin-top: 0.75rem !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.mailpoet-newsletter-form-container .mailpoet_validate_error {
	color: #dc2626 !important; /* Dark red text */
	background-color: rgba(255, 255, 255, 0.95) !important; /* Almost opaque white background */
	padding: 0.75rem !important;
	border-radius: 0.25rem !important;
	border-left: 4px solid #dc2626 !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	margin-top: 0.75rem !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Hide loading spinner */
.mailpoet-newsletter-form-container .mailpoet_form_loading {
	display: none !important;
}

/* Hide all the MailPoet style tags */
.mailpoet-newsletter-form-container style {
	display: none !important;
}