/* ==================================================
   BLOC — FORMULAIRE D'INSCRIPTION
   Les styles de champ viennent de formulaire_contact.css :
   ce fichier n'ajoute que l'habillage du bloc.
================================================== */

.formulaire_inscription__bloc {
    padding: 28px;
    background: var(--v-turquoise-100);
    border-radius: var(--v-radius-xl);
}

.formulaire_inscription__intro {
    margin: 8px 0 0;
    font-family: var(--v-font-corps);
    font-size: 0.875rem;
    line-height: var(--v-lh-corps);
    color: var(--v-texte-corps);
    max-width: 62ch;
}

.formulaire_inscription__form {
    margin-top: 1.25rem;
    max-width: 620px;
}

.formulaire_inscription__optin {
    margin: 0;
    font-family: var(--v-font-corps);
    font-size: 0.6875rem;
    line-height: 1.5;
    color: var(--v-texte-meta);
    max-width: 60ch;
}

/* Le retour après envoi : le formulaire recharge la page, le message dit
   ce qui s'est passé à l'endroit où l'on a cliqué. */
.formulaire_inscription__retour {
    margin: 0 0 16px;
    padding: 10px 14px;
    border-radius: var(--v-radius-md);
    font-family: var(--v-font-corps);
    font-size: 0.875rem;
    line-height: 1.5;
}

.formulaire_inscription__retour--succes { background: var(--v-succes-fond); color: var(--v-succes-texte); }
.formulaire_inscription__retour--info   { background: var(--v-turquoise-100); color: var(--v-turquoise-700); }
.formulaire_inscription__retour--erreur { background: var(--v-urgence-fond); color: var(--v-urgence); }

@media (max-width: 767px) {
    .formulaire_inscription__bloc { padding: 20px; }
}