/* ==========================================================================
   FunkyBreslev — pages légales (Mentions légales + CGV, FR + EN).
   Se charge APRÈS css/home-fr.css (ou home-en.css) : réutilise le chrome
   (nav, footer, .hero, .badge, tokens --bg/--ink/--muted/--gold/--line) et
   n'ajoute ici que la mise en page du document juridique.
   ========================================================================== */

/* Barre d'ancres (Mentions légales / CGV) */
.doc-nav {
  width: min(820px, calc(100% - 48px));
  margin: 30px auto 0;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.doc-nav a {
  font: 700 11px 'Plus Jakarta Sans', sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 9px 18px;
  transition: color .15s ease, border-color .15s ease;
}
.doc-nav a:hover {
  color: var(--gold);
  border-color: rgba(232, 169, 59, .45);
}
.doc-nav a:active {
  color: var(--gold);
  border-color: rgba(232, 169, 59, .58);
  background: rgba(232, 169, 59, .1);
  transform: translateY(1px) scale(.98);
}

/* Corps du document */
.legal-doc {
  width: min(820px, calc(100% - 48px));
  margin: 0 auto;
  padding: 8px 0 96px;
}
.legal-doc h2,
.legal-doc h3 {
  font-family: 'Plus Jakarta Sans', Impact, sans-serif;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1.05;
  color: var(--ink);
}
.legal-doc h2 {
  font-size: clamp(22px, 3vw, 28px);
  margin: 44px 0 12px;
}
/* Titre d'ouverture des CGV : rupture visuelle avec les mentions légales. */
.legal-doc .h1-cgv {
  margin-top: 88px;
  padding-top: 52px;
  border-top: 1px solid var(--line);
}
.legal-doc h3 {
  font-size: 15px;
  letter-spacing: .06em;
  color: var(--gold);
  margin: 28px 0 8px;
}
.legal-doc .doc-sub {
  color: var(--muted);
  font-style: italic;
  margin: 0 0 4px;
}
.legal-doc p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
  margin: 0 0 12px;
  max-width: 68ch;
}
.legal-doc p strong { color: var(--ink); }
.legal-doc a { color: var(--gold); }

@media (max-width: 760px) {
  .doc-nav { margin-top: 22px; }
  .legal-doc { padding-bottom: 72px; }
  .legal-doc p { font-size: 14.5px; }
}