/* ============================================================
   BMH — legal.css
   Pages légales (mentions, confidentialité, conditions).
   Chrome (nav/footer) + tokens viennent de produits.css.
   ============================================================ */

/* Bandeau titre sombre : la nav (texte clair) reste lisible par-dessus */
.legal-hero {
  background: var(--bg-dark);
  color: var(--bg);
  padding: 7.5rem var(--pad-x) clamp(2.25rem, 5vw, 3.25rem);
}
.legal-hero-inner { max-width: var(--container); margin-inline: auto; }
.legal-eyebrow {
  display: block; font-size: var(--fs-eyebrow); font-weight: 600;
  letter-spacing: .18em; text-transform: uppercase; color: var(--sage-l);
  margin: 0 0 .9rem;
}
.legal-title {
  font-family: var(--ff-display); font-weight: 700;
  font-size: clamp(2rem, 4vw + .5rem, 3rem); line-height: 1.08;
  letter-spacing: -.02em; margin: 0; color: var(--bg);
}

/* Corps clair */
.legal-sec { background: var(--bg); padding: clamp(2.75rem, 6vw, 4.5rem) var(--pad-x); }
.legal-inner { max-width: 760px; margin-inline: auto; }
.legal-updated { font-size: .85rem; color: var(--stone); margin: 0 0 2.5rem; }

.legal-body h2 {
  font-family: var(--ff-display); font-weight: 700;
  font-size: clamp(1.2rem, 1.4vw + .75rem, 1.5rem); color: var(--ink);
  letter-spacing: -.01em; margin: 2.5rem 0 .75rem;
}
.legal-body h2:first-child { margin-top: 0; }
.legal-body p, .legal-body li { color: var(--char); line-height: 1.7; font-size: 1rem; }
.legal-body p { margin: 0 0 1rem; }
.legal-body ul { margin: 0 0 1.1rem; padding-left: 1.2rem; }
.legal-body li { margin-bottom: .4rem; }
.legal-body strong { color: var(--ink); font-weight: 600; }
.legal-body a { color: var(--olive); text-decoration: underline; text-underline-offset: 2px; }
.legal-body a:hover { color: var(--sage-d); }

/* Champ à remplir, mis en évidence pour l'éditeur du site */
.legal-todo {
  background: rgba(74, 90, 58, .1); border-bottom: 1px dashed var(--sage-d);
  padding: .05rem .35rem; border-radius: 3px; font-style: italic; color: var(--sage-d);
}

.legal-back { display: inline-flex; align-items: center; gap: .4rem; margin-top: 2.75rem; font-weight: 500; }

/* Bouton « Gérer mes préférences cookies » */
.legal-prefs-btn {
  font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer;
  color: var(--bg); background: var(--olive); border: none;
  padding: .6rem 1.15rem; border-radius: var(--r-pill, 28px);
  transition: background var(--t-med, .3s) ease, transform var(--t-fast, .15s) ease;
}
.legal-prefs-btn:hover { background: var(--sage-d); }
.legal-prefs-btn:active { transform: translateY(1px); }