/**
 * Formulaires Brevo de la newsletter (inc-newsletter.php), chargée après la
 * feuille de Brevo pour les rapprocher de la charte : encadré à filet, bouton
 * primaire orange, textes d'aide gris, champ Bootstrap.
 */

/* Le formulaire est centré dans la page (demande du 2026-09-11) ; son
   contenu reste ferré à gauche. */
.eh-nl {
	display: flex;
	justify-content: center;
	text-align: left;
}

.eh-nl .sib-form-container {
	width: 100%;
	max-width: 36rem;
}

.eh-nl-container {
	max-width: 36rem;
	margin: 0 auto;
	padding: 1.5rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 5px;
	background: #fff;
	direction: ltr;
}

.eh-nl-block {
	padding: 0.5rem 0;
}

.eh-nl-title {
	margin: 0 0 0.5rem;
	font-size: 1.1rem;
	font-weight: 700;
	text-align: left;
}

.eh-nl-label {
	display: block;
	margin-bottom: 0.35rem;
	font-weight: 700;
	text-align: left;
}

.eh-nl-help {
	margin: 0;
	color: var(--bs-secondary-color, #6c757d);
	font-size: 0.875rem;
	text-align: left;
}

.eh-nl-help a {
	color: var(--eh-turquoise, #24aec3);
}

.eh-nl-optin {
	font-size: 0.9375rem;
	text-align: left;
}

.eh-nl-actions {
	text-align: right;
}

/* Le bouton Brevo prend le bouton primaire du thème ; l'indicateur de
   chargement de Brevo reste fonctionnel. */
.eh-nl .sib-form-block__button.eh-nl-submit {
	font-size: 1rem;
	font-weight: 700;
	text-transform: none;
	border-radius: var(--bs-btn-border-radius, 0.375rem);
}

.eh-nl-panel {
	max-width: 36rem;
	margin: 0 auto 1rem;
	border-radius: 3px;
	font-size: 1rem;
	text-align: left;
}

.eh-nl-panel-error {
	color: #661d1d;
	background-color: #ffeded;
	border-color: #ff4949;
}

.eh-nl-panel-success {
	color: #085229;
	background-color: #e7faf0;
	border-color: #13ce66;
}

@media (max-width: 575.98px) {
	.eh-nl-container {
		padding: 1rem;
	}

	.eh-nl-actions {
		text-align: center;
	}

	.eh-nl .sib-form-block__button.eh-nl-submit {
		width: 100%;
	}
}