/**
 * Styles de la popup newsletter (WU4 — spec §10).
 *
 * Minimal : UIkit (modale) et le formulaire Brevo gèrent l'essentiel du style.
 * On se contente d'une largeur raisonnable et d'un espacement propre du
 * formulaire dans le corps de la modale — pas d'override des internes UIkit.
 */

/* Largeur maîtrisée, responsive : la modale ne s'étire pas sur grand écran. */
.bnp-popup .uk-modal-dialog {
	width: 90%;
	max-width: 480px;
}

/* Le formulaire Brevo colle au titre sans marge superflue. */
.bnp-popup .bnp-popup-form {
	margin-top: 0;
}

.bnp-popup .bnp-popup-form form {
	margin: 0;
}

/* Les blocs de message (succès / erreur / avertissement) respirent.
   `.sib_msg_disp` est le conteneur de message du shortcode [sibwp_form]
   (plugin `mailin`, cf. spec §9.2) ; `.sib-alert-message` porte le message lui-même. */
.bnp-popup .bnp-popup-form .sib_msg_disp,
.bnp-popup .bnp-popup-form .sib-alert-message {
	margin-top: 1rem;
}

/* Inscription réussie : la classe `bnp-success` est posée sur la popup par
   popup.js. On masque alors tout le contenu du formulaire Brevo (champs,
   bouton, recaptcha…) pour ne laisser visible que le message de succès.
   `.sib_msg_disp` (conteneur du message, frère des champs dans la box
   `.sib_signup_box_inside_*`) est exclu de la règle et reste affiché. */
.bnp-popup.bnp-success .bnp-popup-form [class*="sib_signup_box_inside_"] > *:not( .sib_msg_disp ) {
	display: none;
}