/* Pages legales (mentions, CGV, confidentialite) : chargee APRES pages.css, qui fournit le socle
   (lueurs, titre a empattements, trait, apparitions). Ici : nuance sobre ardoise et pieces propres au legal. */
body.pm-legal{--fond:#141a23;--fond2:#0b0f15;--carte:#18202b;--carte2:rgba(34,44,58,.6);
  --texte:#dde3ea;--doux:#9eabbb;--or:#d9b45e;--or2:#ecd08e;--lien:#9cc2ff;--trait:#2b3646;
  --lueur1:rgba(90,120,160,.20);--lueur2:rgba(217,180,94,.08);--lueur3:rgba(70,90,120,.18);--motif:rgba(255,255,255,.028)}
/* Motif : reglure horizontale tres fine, comme un registre */
body.pm-legal::after{background:repeating-linear-gradient(180deg,transparent 0 31px,var(--motif) 31px 32px);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
body.pm-legal main{max-width:760px}

/* Barre du haut (div.haut dans ces pages) */
body.pm-legal .haut{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  margin-bottom:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -18px rgba(0,0,0,.8);
  animation:pm-monte .7s var(--doux-courbe) both}
body.pm-legal .haut>a:not(.marque){color:var(--doux);text-decoration:none;font-size:15px;padding:4px 12px;border-radius:999px;transition:color .25s,background-color .25s}
body.pm-legal .haut>a:not(.marque):hover{color:#fff;background:rgba(255,255,255,.06)}

body.pm-legal h1{font-size:clamp(34px,4.8vw,48px)}
/* Date de mise a jour : petite etiquette sous le trait */
.maj{display:inline-block;color:var(--doux);font-size:13.5px;margin:0 0 30px;padding:4px 12px;border-radius:999px;
  border:1px solid var(--trait);background:rgba(255,255,255,.03);animation:pm-monte .9s .22s var(--doux-courbe) both}
body.pm-legal h2{font-size:20px;margin-top:40px}
body.pm-legal ul{padding-left:20px}
.completer{background:#5a1f2a;color:#ffd6dc;padding:0 4px;border-radius:4px}

nav.pied{position:relative;margin-top:52px;padding-top:18px;font-size:14px;color:var(--doux);display:flex;gap:10px 18px;flex-wrap:wrap}
nav.pied::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--trait) 15%,var(--or) 50%,var(--trait) 85%,transparent);opacity:.7}
nav.pied a{color:var(--doux);text-decoration:none}
nav.pied a:hover{color:#fff}

@media (max-width:600px){
  body.pm-legal .haut{margin-bottom:32px;padding:10px 12px;border-radius:14px}
  body.pm-legal h1{font-size:clamp(30px,8.4vw,38px)}
  body.pm-legal h2{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  body.pm-legal .haut,.maj{animation:none!important}
}