/**
 * Bloc "Formulaire Brevo"
 * Le champ, le bouton, la case de consentement et les messages sont stylés par
 * indus-core/assets/css/newsletter-brevo.css (classes .newsletter-brevo, communes avec le
 * formulaire du pied de page). Ici : la mise en page du bloc.
 * Titre : Mattone Bold 50/65, -2px, majuscules (titres de section de la maquette) — texte Mulish 18/22
 */

.module-brevo-form .brevo-form-wrapper {
    display: grid;
    gap: 2rem 4rem;
}

.module-brevo-form.brevo-form--columns .brevo-form-wrapper {
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(0, 36.0625rem); /* formulaire : 577px */
}

.module-brevo-form.brevo-form--stacked .brevo-form-wrapper {
    max-width: 53.4375rem; /* 855px */
}

.module-brevo-form .brevo-form-title {
    color: #000;
    font-family: 'mattone', var(--font-title), sans-serif;
    font-size: clamp(2rem, 2.604vw, 3.125rem);
    font-weight: 700;
    letter-spacing: -.04em;
    line-height: 1.3;
    margin: 0;
    text-transform: uppercase;
}

.module-brevo-form .brevo-form-text {
    color: #000;
    font-family: var(--font-general), arial, sans-serif;
    font-size: 1.125rem;
    letter-spacing: -.02em;
    line-height: 1.222;
    margin-top: 1.375rem;
}

.module-brevo-form .brevo-form-text p:last-child {
    margin-bottom: 0;
}

/* Le formulaire du pied de page est posé sur une capsule : ici, pas de marges propres */
.module-brevo-form .newsletter-brevo {
    max-width: 36.0625rem;
    padding-block: 0;
    z-index: auto;
}

.module-brevo-form .brevo-form-iframe {
    border: 0;
    display: block;
    min-height: 32rem;
    width: 100%;
}

.module-brevo-form .brevo-form-notice {
    border: 2px dashed var(--color-primary, #ff5a1f);
    border-radius: 1.25rem;
    margin: 0;
    padding: 1rem 1.25rem;
}

@media only screen and (max-width: 960px) {
    .module-brevo-form.brevo-form--columns .brevo-form-wrapper {
        grid-template-columns: minmax(0, 1fr);
    }
}