/* ================================================
   PJX Newsletters – Styles
   ================================================ */
input#newsletter_nom,
input#newsletter_prenom,
input#newsletter_email {
    border: 1px solid;
}

/* Champ en erreur : repère de forme en plus de la couleur du message (RGAA 3.1). */
input#newsletter_nom[aria-invalid="true"],
input#newsletter_prenom[aria-invalid="true"],
input#newsletter_email[aria-invalid="true"] {
    border-color: #D41104;
    border-width: 2px;
}

input#newsletter_consent[aria-invalid="true"] {
    outline: 2px solid #D41104;
    outline-offset: 2px;
}

/* Récapitulatif des erreurs, en tête de formulaire. */
.newsletter__recapitulatif {
    margin: 16px 0;
    padding: 12px 16px;
    border: 2px solid #D41104;
    border-left-width: 6px;
    border-radius: 8px;
    background: #FFFFFF;
}

.newsletter__recapitulatif[hidden] {
    display: none;
}

.newsletter__recapitulatif-titre {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #D41104;
}

.newsletter__recapitulatif-liste {
    margin: 0;
    padding-left: 20px;
    list-style: disc;
    /* Couleur portée par la liste : base.scss impose `color: inherit` à tout <a>. */
    color: #D41104;
}

.newsletter__recapitulatif-liste li {
    list-style: disc;
}

.newsletter__recapitulatif-liste a {
    text-decoration: underline;
}

#newsletter_consent-erreur {
    margin-top: 4px;
}

/* Envoi en cours (verrou anti double envoi, validation_formulaire_controller.js). */
.newsletter__submit button[aria-disabled="true"] {
    opacity: .6;
    cursor: progress;
}