/* ═══════════ Pages légales — mentions & confidentialité ═══════════
   Feuille partagée par les deux pages : même charte que la vitrine, en beaucoup plus
   sobre. Une colonne, du texte qui se lit, aucune animation. */

:root{
  --sable:#f0e4d2;
  --creme:#faf3ea;
  --terra:#c2542b;
  --terra-2:#a8461f;
  --brun:#43301f;
  --brun-doux:#6d5540;
  --hair:rgba(67,48,31,.15);
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--sable);color:var(--brun);font:300 16px/1.65 'Outfit',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--terra-2);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--terra)}

header{background:var(--creme);border-bottom:1px solid var(--hair)}
header .barre{max-width:760px;margin:0 auto;padding:18px 22px;display:flex;align-items:center;
  justify-content:space-between;gap:20px;flex-wrap:wrap}
/* logo officiel recoloré via masque, comme sur la vitrine.
   display:block indispensable : sur un <span> resté inline, largeur et hauteur sont ignorées
   et le masque n'a aucune surface à peindre — le logo disparaît sans erreur. */
.wm{display:block;width:150px;height:38px;background:var(--terra);flex:none;
  -webkit-mask:url(assets/brand/logo-1ligne.png) left center/contain no-repeat;
  mask:url(assets/brand/logo-1ligne.png) left center/contain no-repeat}
header a.retour{font:400 13px/1 'Outfit';letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;border:1.5px solid var(--hair);border-radius:999px;padding:9px 16px;color:var(--brun)}
header a.retour:hover{border-color:var(--terra);color:var(--terra)}

main{max-width:760px;margin:0 auto;padding:46px 22px 90px}
.kicker{font:400 12px/1 'Outfit';letter-spacing:.18em;text-transform:uppercase;color:var(--terra);
  margin-bottom:14px}
h1{font:540 clamp(30px,5vw,42px)/1.15 'Fraunces',Georgia,serif;margin-bottom:10px}
.maj{font:300 13.5px/1.5 'Outfit';color:var(--brun-doux);margin-bottom:34px}
h2{font:540 clamp(20px,3vw,24px)/1.25 'Fraunces',Georgia,serif;margin:40px 0 12px;
  padding-top:22px;border-top:1px solid var(--hair)}
h2:first-of-type{border-top:none;padding-top:0}
h3{font:600 14px/1.4 'Outfit';letter-spacing:.02em;margin:22px 0 6px}
p{margin-bottom:14px;max-width:66ch}
ul{margin:0 0 16px 20px;max-width:66ch}
li{margin-bottom:7px}
strong,b{font-weight:600}

/* fiche d'identité : couples libellé / valeur */
dl{display:grid;grid-template-columns:minmax(140px,auto) 1fr;gap:8px 20px;margin-bottom:18px;
  max-width:66ch}
dt{font:600 13px/1.5 'Outfit';letter-spacing:.03em;text-transform:uppercase;color:var(--brun-doux)}
dd{font-weight:400}
@media(max-width:520px){
  dl{grid-template-columns:1fr;gap:2px}
  dt{margin-top:12px}
}

/* trou à combler : volontairement voyant, pour qu'aucun ne passe à la trappe */
.trou{background:rgba(194,84,43,.12);border-bottom:2px dashed var(--terra);
  padding:1px 6px;border-radius:4px;font-weight:500;color:var(--terra-2)}

/* encadré d'accroche en tête de page */
.chapo{background:var(--creme);border-left:3px solid var(--terra);border-radius:0 10px 10px 0;
  padding:18px 22px;margin-bottom:34px}
.chapo p:last-child{margin-bottom:0}

footer{background:var(--creme);border-top:1px solid var(--hair);
  font:300 13.5px/1.6 'Outfit';color:var(--brun-doux)}
footer .barre{max-width:760px;margin:0 auto;padding:26px 22px;display:flex;gap:8px 26px;
  flex-wrap:wrap;align-items:center;justify-content:space-between}
footer nav{display:flex;gap:20px;flex-wrap:wrap}