/* Domgate : le bloc « Form » quand un sujet regle ses champs ou qu'une note de confidentialite est en volet (07/10/2026).
   Charge seulement par ces formulaires (formulaire.blade.php) : les autres, dont la candidature des offres d'emploi, ne le
   voient jamais. */

/* Un champ cache pour le sujet choisi (formulaires-sujets.js) : blocs.css le pose en flex, l'attribut hidden doit gagner. */
.bloc--formulaire__champ[hidden]{display:none}
.bloc--formulaire__requis[hidden]{display:none}

/* L'annonce du changement de champs : lue par un lecteur d'ecran, invisible a l'ecran. */
.bloc--formulaire__annonce{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Le premier niveau : la ligne sous le bouton dit qui traite les donnees, pourquoi et combien de temps ; plus lisible
   que la ligne grise d'un formulaire sans volet, et ses liens se voient. */
.bloc--formulaire__form:has(+ .bloc--formulaire__vie-privee) .bloc--formulaire__consentement{color:var(--bl-texte);line-height:1.5}
.bloc--formulaire__consentement a{color:var(--bl-orange-texte);text-decoration:underline;text-underline-offset:2px}
.bloc--formulaire__consentement a:hover{color:var(--bl-orange-fonce)}
.bloc--formulaire__consentement a:focus-visible{outline:2px solid var(--bl-orange);outline-offset:2px;border-radius:2px}

/* Le second niveau : la note complete, dans un volet natif sous le formulaire. */
.bloc--formulaire__vie-privee{margin:20px 0 0;padding:14px 0 0;border-top:1px solid var(--bl-ligne)}
.bloc--formulaire__vie-privee>summary{display:list-item;cursor:pointer;font-size:14px;font-weight:700;line-height:1.4;color:var(--bl-encre);padding:4px 0}
.bloc--formulaire__vie-privee>summary:hover{color:var(--bl-orange-texte)}
.bloc--formulaire__vie-privee>summary:focus-visible{outline:2px solid var(--bl-orange);outline-offset:2px;border-radius:2px}
.bloc--formulaire__vie-privee-texte{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--bl-texte)}
.bloc--formulaire__vie-privee-texte a{color:var(--bl-orange-texte);text-decoration:underline;text-underline-offset:2px}
.bloc--formulaire__vie-privee-texte:target{scroll-margin-top:96px}

@media (max-width:767px){
  .bloc--formulaire__vie-privee-texte{font-size:13.5px}
}