/*
 * Formulaire de contact (app/Views/contact.php).
 * (Le pot de miel anti-spam est la classe globale .pot-de-miel de style.css.)
 */

/*
 * Boutons du type de demande (.btn-check + .btn-outline-primary, un seul actif à
 * la fois). Au repos ils sont déjà verts (.btn-outline-primary dans style.css),
 * mais Bootstrap bascule l'état "checked" sur son bleu par défaut : style.css ne
 * corrige cet état que dans le contexte connecté (.is-authenticated, dégradé aux
 * couleurs de l'établissement — voir son commentaire "Boutons radio en pilule").
 * Cette page est publique, avant connexion : même logique que .btn-primary "reste
 * en aplat" hors connexion, un simple vert Lyrico plutôt qu'un dégradé.
 *
 * Uniquement sur :checked (pas :focus, contrairement au style.css authentifié) :
 * le premier bouton porte l'autofocus de la page (voir la vue) — le remplir en
 * vert dès le focus, avant toute sélection réelle, ferait croire à tort qu'un
 * type est déjà choisi (constaté à l'écran, Playwright).
 */
.btn-check:checked + .btn-outline-primary {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
    color: #fff;
}

/* ------------------------------------------------------------------
   Dossier d'inscription (porteur, 19/09) : les champs du signataire, du contact
   administratif et de l'établissement n'apparaissent que si le type « Inscrire mon
   établissement » est coché. Aucun JavaScript : un sélecteur :has() sur le formulaire suffit.
   Les navigateurs sans :has() affichent le dossier en permanence (repli sûr : mieux vaut des
   champs visibles et facultatifs qu'un dossier inaccessible).
   ------------------------------------------------------------------ */
.contact-inscription,
.contact-inscription-aide {
    display: none;
}

form:has(#contact-type-inscription:checked) .contact-inscription {
    display: block;
}

form:has(#contact-type-inscription:checked) .contact-inscription-aide {
    display: inline;
}

@supports not (selector(:has(*))) {
    .contact-inscription { display: block; }
}
