/* Pages légales (mentions-legales.html, cgv.html).
   Reprend les variables et les polices de styles.css : charger styles.css avant.
   Ces pages sont volontairement sobres : du texte, lisible, rien d'animé. */

.legal-page{
  max-width:780px; margin:0 auto; padding:120px 24px 96px;
  font-size:15px; line-height:1.7; color:var(--muted2);
}

.legal-page h1{
  font-family:'Funnel Display',sans-serif; font-weight:700;
  font-size:clamp(30px,5vw,44px); line-height:1.1; letter-spacing:-.02em;
  color:var(--text); margin:0 0 8px; text-wrap:balance;
}
.legal-page .maj{font-size:12.5px; color:var(--muted); margin:0 0 48px}

.legal-page h2{
  font-family:'Funnel Display',sans-serif; font-weight:600; font-size:20px;
  color:var(--text); margin:44px 0 12px; letter-spacing:-.01em;
}
.legal-page h3{
  font-family:'Funnel Display',sans-serif; font-weight:600; font-size:16px;
  color:var(--text); margin:26px 0 8px;
}
.legal-page p, .legal-page li{margin:0 0 12px}
.legal-page ul{padding-left:20px; margin:0 0 16px}
.legal-page strong{color:var(--text); font-weight:600}
.legal-page a{color:var(--lime)}

/* tableau des tarifs */
.legal-page table{
  width:100%; border-collapse:collapse; margin:0 0 20px; font-size:14px;
  font-variant-numeric:tabular-nums;
}
.legal-page th, .legal-page td{
  text-align:left; padding:9px 12px; border-bottom:1px solid rgba(255,255,255,.1);
}
.legal-page th{color:var(--text); font-weight:600; white-space:nowrap}
.legal-page td.num, .legal-page th.num{text-align:right}

/* en-tête et pied allégés : on ne rejoue pas le menu complet du site */
.legal-top{
  position:absolute; top:0; left:0; right:0; z-index:5;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:20px 24px; max-width:1200px; margin:0 auto;
}
.legal-top .brand{display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--text)}
.legal-top .brand-word{font-family:'Funnel Display',sans-serif; font-weight:700; font-size:18px}
.legal-top .retour{font-size:13.5px; color:var(--muted); text-decoration:none}
.legal-top .retour:hover{color:#fff}

.legal-foot{
  max-width:780px; margin:0 auto; padding:0 24px 72px;
  display:flex; flex-wrap:wrap; gap:18px; font-size:13px; color:var(--muted);
}
.legal-foot a{color:var(--muted); text-decoration:underline; text-underline-offset:3px}
.legal-foot a:hover{color:#fff}

@media (max-width:760px){
  .legal-page{padding:96px 20px 72px}
  .legal-page table{font-size:13px}
  .legal-page th, .legal-page td{padding:8px 8px}
}