/* ============================================================
   Pages légales, bandeau cookies, case de consentement.
   Mise en page uniquement — aucune couleur, aucune police
   littérale : tout passe par les jetons de tokens.css.
   ============================================================ */

.wrap{max-width:660px; margin:0 auto; padding:40px 20px 60px}

h1{
  font-family:var(--f-term); font-size:34px; font-weight:400;
  letter-spacing:.05em; text-transform:uppercase; margin:0 0 6px;
}
.intro{color:var(--texte-faible); font-size:15px; margin-bottom:30px; max-width:62ch}

h2{
  font-family:var(--f-term); font-size:24px; font-weight:400;
  letter-spacing:.05em; text-transform:uppercase;
  margin:34px 0 12px; padding-top:18px; border-top:1px solid var(--filet);
}
h3{
  font-family:var(--f-term); font-size:20px; font-weight:400;
  letter-spacing:.06em; text-transform:uppercase;
  color:var(--texte-faible); margin:20px 0 6px;
}
p{margin:0 0 12px; font-size:15.5px}
ul{margin:0 0 12px; padding-left:20px; font-size:15.5px}
li{margin-bottom:6px}

/* ---------- liens en ligne dans une phrase ----------
   Sans cette règle ils tombent sur le bleu par défaut du
   navigateur : 2,01:1 en peau nuit, illisible. Exemptés du
   plancher de 44 px (précision DA du 27/07) : un lien en ligne
   suit le rythme du texte, l'étirer casserait le paragraphe. */
.wrap p a, .wrap li a, .consentement a{
  color:var(--phos); text-decoration:none;
  border-bottom:1px solid var(--filet);
}
.wrap p a:hover, .wrap li a:hover, .consentement a:hover{border-color:var(--phos)}
.wrap p a:focus-visible, .wrap li a:focus-visible,
.consentement a:focus-visible{outline:2px solid var(--phos); outline-offset:3px}

/* ---------- fiche d'identité (mentions légales) ---------- */
.fiche-id{border-left:3px solid var(--filet); padding:2px 0 2px 16px; margin:0 0 18px}
.fiche-id dt{
  font-family:var(--f-term); font-size:18px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--texte-faible); margin-top:12px;
}
.fiche-id dt:first-child{margin-top:0}
.fiche-id dd{margin:2px 0 0; font-size:15.5px}
/* Un identifiant est une VALEUR : Space Grotesk, chasse fixe. */
.ident{font-weight:700; font-variant-numeric:tabular-nums}

/* Lien-bouton : cible autonome, plancher de 44 px. Utilisé par
   la page d'erreur, où c'est la seule action proposée. */
a.btn{
  display:inline-flex; align-items:center; min-height:44px;
  text-decoration:none; color:var(--texte);
}
a.btn:hover{border-color:var(--phos-sourd)}

/* Provenance d'une mention légale : d'où elle sort, et quand elle
   a été constatée. Même rôle que .src sur le registre — une
   référence sans sa pièce ne vaut pas mieux qu'un chiffre sans
   la sienne. */
.src-legale{font-size:13.5px; color:var(--texte-faible); max-width:62ch}

/* ---------- trou connu, doit rester visible ---------- */
.a-completer{border-left:3px dashed var(--ambre); padding:2px 0 2px 16px; margin:0 0 18px}
.a-completer .lab{display:block; color:var(--ambre); margin-bottom:4px}
.a-completer p{margin:0; color:var(--texte-faible)}

footer{
  margin-top:40px; padding-top:20px; border-top:1px solid var(--filet);
  font-size:13.5px; color:var(--texte-faible);
}
footer a{color:var(--phos); text-decoration:none; border-bottom:1px solid var(--filet)}
footer a:hover{border-color:var(--phos)}
footer a:focus-visible{outline:2px solid var(--phos); outline-offset:3px}

/* ============================================================
   BANDEAU COOKIES
   Refuser doit être aussi simple qu'accepter : les deux boutons
   ont le même poids visuel. Aucun n'est .btn-go — un consentement
   n'est pas une action à encourager.
   ============================================================ */
.bandeau{
  position:fixed; left:0; right:0; bottom:0; z-index:50;
  background:var(--fond-2); border-top:1px solid var(--filet);
  padding:18px 20px;
}
.bandeau[hidden]{display:none}
.bandeau-inner{max-width:660px; margin:0 auto}
.bandeau .lab{display:block; margin-bottom:6px}
.bandeau p{font-size:15px; margin:0 0 14px; max-width:62ch}
.bandeau-boutons{display:flex; gap:12px; flex-wrap:wrap}
.bandeau a{color:var(--phos); text-decoration:none; border-bottom:1px solid var(--filet)}
.bandeau a:focus-visible{outline:2px solid var(--phos); outline-offset:3px}

/* ============================================================
   CASE DE CONSENTEMENT — jamais pré-cochée.
   Cible autonome : la case et son libellé forment un bloc
   cliquable d'au moins 44 px de haut.
   ============================================================ */
.consentement{
  display:flex; gap:12px; align-items:flex-start;
  padding:12px 0; min-height:44px; cursor:pointer;
}
.consentement input[type="checkbox"]{
  flex:0 0 auto; width:22px; height:22px; margin:2px 0 0;
  accent-color:var(--phos); cursor:pointer;
}
.consentement input[type="checkbox"]:focus-visible{outline:2px solid var(--phos); outline-offset:3px}
.consentement .texte{font-size:15px; max-width:60ch}
.consentement-note{font-size:13.5px; color:var(--texte-faible); margin:0 0 12px}

@media(max-width:420px){
  h1{font-size:28px}
}