/*!
 * ER Chauffage - Zone Newsletter du footer (formulaire MailPoet existant).
 * Toutes les règles sont limitées à .erh-footer-newsletter : les autres formulaires MailPoet
 * du site ne sont pas touchés. Les !important servent uniquement à passer devant les styles
 * en ligne et les sélecteurs #mailpoet_form_X injectés par MailPoet, à l'intérieur de ce bloc.
 */

.erh-footer-newsletter {
	--erh-nl-primary: #45B8AE;
	--erh-nl-primary-light: #65C8BE;
	--erh-nl-dark: #14232D;
	--erh-nl-field: rgba(9, 20, 28, .55);
	--erh-nl-border: rgba(101, 200, 190, .45);
	--erh-nl-height: 54px;
	color: #fff;
	font-family: inherit;
}
.erh-footer-newsletter *,
.erh-footer-newsletter *::before,
.erh-footer-newsletter *::after { box-sizing: border-box; }

.erh-footer-newsletter .erh-footer-newsletter__title {
	margin: 0 0 8px;
	padding: 0;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
}
.erh-footer-newsletter .erh-footer-newsletter__text {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .72);
}

/* ---------- Conteneurs MailPoet : on neutralise cadres, fonds et marges ---------- */
.erh-footer-newsletter .mailpoet_form,
.erh-footer-newsletter form.mailpoet_form {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Une seule ligne : [ ✉ champ e-mail ][ S’inscrire ] — passe à la ligne si la colonne est étroite */
.erh-footer-newsletter form.mailpoet_form {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px;
}
.erh-footer-newsletter .mailpoet_paragraph {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	flex: 1 1 100%;
}
/* Paragraphe qui contient le champ e-mail : prend la place disponible */
.erh-footer-newsletter .mailpoet_paragraph:has(.mailpoet_text) { flex: 1 1 210px; min-width: 0; }
/* Paragraphe du bouton : largeur du contenu */
.erh-footer-newsletter .mailpoet_paragraph:has(.mailpoet_submit) { flex: 0 0 auto; position: relative; }

/* Libellés MailPoet affichés au-dessus du champ : masqués visuellement mais lisibles par les lecteurs d'écran */
.erh-footer-newsletter .mailpoet_text_label,
.erh-footer-newsletter .mailpoet_paragraph > label:not(.mailpoet_hp_email_label) {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Champ e-mail ---------- */
.erh-footer-newsletter input.mailpoet_text[type="email"],
.erh-footer-newsletter .mailpoet_paragraph input[type="email"] {
	-webkit-appearance: none;
	appearance: none;
	display: block !important;
	width: 100% !important;
	height: var(--erh-nl-height) !important;
	min-height: var(--erh-nl-height) !important;
	margin: 0 !important;
	padding: 0 20px 0 48px !important;
	border: 1px solid var(--erh-nl-border) !important;
	border-radius: 999px !important;
	background-color: var(--erh-nl-field) !important;
	/* Icône enveloppe turquoise */
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2365C8BE' stroke-width='1.8' stroke-linejoin='round' d='M3.5 6.5h17v11h-17zM3.5 7l8.5 6.5L20.5 7'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: 18px center !important;
	background-size: 20px 20px !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 15px !important;
	line-height: 1.2 !important;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.erh-footer-newsletter .mailpoet_paragraph input[type="email"]::placeholder { color: rgba(255, 255, 255, .55) !important; opacity: 1; }
.erh-footer-newsletter .mailpoet_paragraph input[type="email"]:hover { border-color: rgba(101, 200, 190, .7) !important; }
.erh-footer-newsletter .mailpoet_paragraph input[type="email"]:focus,
.erh-footer-newsletter .mailpoet_paragraph input[type="email"]:focus-visible {
	outline: none !important;
	border-color: var(--erh-nl-primary-light) !important;
	background-color: rgba(9, 20, 28, .8) !important;
	box-shadow: 0 0 0 3px rgba(69, 184, 174, .3) !important;
}
/* Autoremplissage Chrome : garder le fond sombre */
.erh-footer-newsletter .mailpoet_paragraph input[type="email"]:-webkit-autofill {
	-webkit-text-fill-color: #fff !important;
	-webkit-box-shadow: 0 0 0 40px #0d1a22 inset !important;
	caret-color: #fff;
}

/* ---------- Bouton S’inscrire ---------- */
.erh-footer-newsletter input.mailpoet_submit,
.erh-footer-newsletter .mailpoet_paragraph input[type="submit"],
.erh-footer-newsletter .mailpoet_paragraph button {
	-webkit-appearance: none;
	appearance: none;
	display: block !important;
	width: auto !important;
	height: var(--erh-nl-height) !important;
	min-height: var(--erh-nl-height) !important;
	margin: 0 !important;
	padding: 0 28px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--erh-nl-primary) !important;
	box-shadow: none !important;
	color: var(--erh-nl-dark) !important; /* contraste 6,7:1 sur le turquoise */
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s ease, transform .2s ease;
}
.erh-footer-newsletter input.mailpoet_submit:hover,
.erh-footer-newsletter .mailpoet_paragraph input[type="submit"]:hover,
.erh-footer-newsletter .mailpoet_paragraph button:hover { background: var(--erh-nl-primary-light) !important; }
.erh-footer-newsletter input.mailpoet_submit:active { transform: translateY(1px); }
.erh-footer-newsletter input.mailpoet_submit:focus-visible,
.erh-footer-newsletter .mailpoet_paragraph button:focus-visible { outline: 3px solid #fff !important; outline-offset: 2px; }
.erh-footer-newsletter input.mailpoet_submit:disabled { opacity: .7; cursor: progress; }

/* Indicateur de chargement MailPoet (3 points) : discret, centré sur le bouton */
.erh-footer-newsletter .mailpoet_form_loading {
	position: absolute;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	width: auto !important;
	margin: 0 !important;
	pointer-events: none;
}
.erh-footer-newsletter .mailpoet_form_loading[style*="block"],
.erh-footer-newsletter .mailpoet_form_loading.mailpoet_form_sending { display: flex !important; }
.erh-footer-newsletter .mailpoet_form_loading > span { background-color: var(--erh-nl-dark) !important; }

/* ---------- Messages MailPoet (succès / erreur / validation) : pas de boîte blanche ---------- */
.erh-footer-newsletter .mailpoet_message { flex: 1 1 100%; margin: 0 !important; padding: 0 !important; }
.erh-footer-newsletter .mailpoet_message p,
.erh-footer-newsletter .mailpoet_validate_success,
.erh-footer-newsletter .mailpoet_validate_error {
	margin: 2px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 13px !important;
	font-weight: 500;
	line-height: 1.5 !important;
}
.erh-footer-newsletter .mailpoet_validate_success { color: var(--erh-nl-primary-light) !important; }
.erh-footer-newsletter .mailpoet_validate_error { color: #FDA29B !important; }
.erh-footer-newsletter .parsley-errors-list {
	margin: 6px 0 0 18px !important;
	padding: 0 !important;
	list-style: none !important;
	font-size: 12.5px !important;
	line-height: 1.4;
	color: #FDA29B !important;
}
.erh-footer-newsletter .parsley-errors-list li { margin: 0 !important; padding: 0 !important; background: none !important; color: inherit !important; }
.erh-footer-newsletter input.parsley-error { border-color: #FDA29B !important; }

/* ---------- Variante « bandeau » (haut du footer global) ---------- */
.erh-footer-newsletter--band {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 560px);
	align-items: center;
	gap: 24px 48px;
}
.erh-footer-newsletter--band .erh-footer-newsletter__intro { display: flex; align-items: center; gap: 18px; }
.erh-footer-newsletter__icon {
	display: grid;
	place-items: center;
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: rgba(69, 184, 174, .14);
	color: var(--erh-nl-primary-light);
}
.erh-footer-newsletter--band .erh-footer-newsletter__title { margin-bottom: 4px; font-size: 20px; }
.erh-footer-newsletter--band .erh-footer-newsletter__text { margin: 0; font-size: 14.5px; }
@media (max-width: 900px) {
	.erh-footer-newsletter--band { grid-template-columns: 1fr; }
}

/* ---------- Mobile : champ puis bouton, pleine largeur ---------- */
@media (max-width: 600px) {
	.erh-footer-newsletter .mailpoet_paragraph:has(.mailpoet_text),
	.erh-footer-newsletter .mailpoet_paragraph:has(.mailpoet_submit) { flex: 1 1 100%; }
	.erh-footer-newsletter input.mailpoet_submit,
	.erh-footer-newsletter .mailpoet_paragraph input[type="submit"],
	.erh-footer-newsletter .mailpoet_paragraph button { width: 100% !important; }
}

/* ---------- Variante « footer » : une ligne compacte [icône + titre/texte] [champ pilule + bouton intégré] ---------- */
.erh-footer-newsletter--footer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
	align-items: center;
	gap: 16px 40px;
}
.erh-footer-newsletter--footer .erh-footer-newsletter__intro { display: flex; align-items: center; gap: 16px; }
.erh-footer-newsletter--footer .erh-footer-newsletter__icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #13303A;
	box-shadow: inset 0 0 0 1px rgba(101, 200, 190, .14);
}
.erh-footer-newsletter--footer .erh-footer-newsletter__icon svg { width: 20px; height: 20px; }
.erh-footer-newsletter--footer .erh-footer-newsletter__title { margin: 0 0 2px; font-size: 20px; }
.erh-footer-newsletter--footer .erh-footer-newsletter__text { margin: 0; font-size: 14.5px; color: rgba(255, 255, 255, .7); }

.erh-footer-newsletter--footer form.mailpoet_form {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0;
}
.erh-footer-newsletter--footer .mailpoet_paragraph,
.erh-footer-newsletter--footer .mailpoet_message { grid-column: 1 / -1; }
.erh-footer-newsletter--footer .mailpoet_paragraph:has(.mailpoet_text) { grid-column: 1 / -1; grid-row: 1; }
.erh-footer-newsletter--footer .mailpoet_paragraph:has(.mailpoet_submit) { grid-column: 2; grid-row: 1; z-index: 1; margin-right: 4px !important; }
.erh-footer-newsletter--footer input.mailpoet_text[type="email"],
.erh-footer-newsletter--footer .mailpoet_paragraph input[type="email"] {
	height: 52px !important;
	min-height: 52px !important;
	padding: 0 140px 0 48px !important;
	border-color: rgba(101, 200, 190, .28) !important;
	background-color: rgba(9, 20, 28, .6) !important;
	font-size: 15px !important;
}
.erh-footer-newsletter--footer input.mailpoet_submit,
.erh-footer-newsletter--footer .mailpoet_paragraph input[type="submit"],
.erh-footer-newsletter--footer .mailpoet_paragraph button {
	width: auto !important;
	height: 44px !important;
	min-height: 44px !important;
	padding: 0 24px !important;
	background: linear-gradient(135deg, #65C8BE, #45B8AE) !important;
	box-shadow: 0 6px 18px rgba(69, 184, 174, .3) !important;
	font-size: 15px !important;
}
.erh-footer-newsletter--footer input.mailpoet_submit:hover,
.erh-footer-newsletter--footer .mailpoet_paragraph input[type="submit"]:hover { background: #65C8BE !important; }
.erh-footer-newsletter--footer .mailpoet_message { padding: 0 0 0 20px !important; }
@media (max-width: 900px) {
	.erh-footer-newsletter--footer { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.erh-footer-newsletter--footer .erh-footer-newsletter__title { font-size: 18px; }
	.erh-footer-newsletter--footer .erh-footer-newsletter__text { font-size: 14px; }
	.erh-footer-newsletter--footer .mailpoet_paragraph:has(.mailpoet_text) { grid-column: 1 / -1; }
	.erh-footer-newsletter--footer .mailpoet_paragraph:has(.mailpoet_submit) { grid-column: 2; }
	.erh-footer-newsletter--footer input.mailpoet_text[type="email"],
	.erh-footer-newsletter--footer .mailpoet_paragraph input[type="email"] { padding: 0 124px 0 44px !important; background-position: 16px center !important; }
	.erh-footer-newsletter--footer input.mailpoet_submit,
	.erh-footer-newsletter--footer .mailpoet_paragraph input[type="submit"],
	.erh-footer-newsletter--footer .mailpoet_paragraph button { width: auto !important; padding: 0 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.erh-footer-newsletter * { transition: none !important; }
}