/* =================================================================
   MAISON HUBERT — Pages légales
   Mentions légales, CGV, cookies, confidentialité.
   S'appuie sur maison-hubert.css (tokens, header, footer, .wrap).
   ================================================================= */

/* ---------- En-tête compact ----------
   Pas de hero plein écran ici : une page juridique se lit, elle ne se
   met pas en scène. Bandeau sobre, sous le header collant. */
.legal-head{
  background:var(--espresso); color:var(--cream);
  padding-block:clamp(140px,18vh,200px) clamp(44px,6vh,72px);
  border-bottom:1px solid var(--line-light);
}
.legal-title{
  font-family:var(--serif); font-weight:500; text-transform:uppercase;
  letter-spacing:.05em; line-height:1.05;
  font-size:clamp(2rem,5vw,3.4rem); margin:0;
}
.legal-maj{
  font-family:var(--body); font-weight:600; font-size:.7rem;
  letter-spacing:.2em; text-transform:uppercase;
  color:var(--bronze-lt); margin:1rem 0 0;
}

/* ---------- Corps du texte ---------- */
.legal-body{ background:var(--ivory); padding-block:clamp(52px,7vw,96px); }
/* 78 caractères : longueur de ligne confortable pour un texte long. */
.legal-prose{ max-width:78ch; margin-inline:auto; }

.legal-prose h2{
  font-family:var(--body); font-weight:600; font-size:.78rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--bronze-deep);
  margin:clamp(2.4rem,4vw,3.4rem) 0 .9rem;
  padding-bottom:.7rem; border-bottom:1px solid var(--line-dark);
}
.legal-prose h2:first-child{ margin-top:0; }

.legal-prose p{
  font-family:var(--serif); font-size:1.06rem; line-height:1.75;
  color:var(--ink-soft); margin:0 0 1.1rem;
}
.legal-prose p:last-child{ margin-bottom:0; }
.legal-prose strong{ color:var(--ink); font-weight:600; }

/* Blocs d'identité : coordonnées et informations société */
.legal-prose ul{
  list-style:none; padding:0; margin:0 0 1.1rem;
  font-family:var(--serif); font-size:1.06rem; line-height:1.85; color:var(--ink-soft);
}
.legal-prose ul li{ padding-left:1.1em; position:relative; }
.legal-prose ul li::before{
  content:""; position:absolute; left:0; top:.75em;
  width:5px; height:5px; border-radius:50%; background:var(--olive-deep);
}

.legal-prose a{ color:var(--bronze-deep); text-decoration:underline; text-underline-offset:.18em; }
.legal-prose a:hover{ color:var(--ink); }

/* Mention de bas de page (générateur, crédit) */
.legal-prose .legal-credit{
  margin-top:clamp(2.6rem,5vw,4rem); padding-top:1.4rem;
  border-top:1px solid var(--line-dark);
  font-size:.86rem; font-style:italic; color:var(--ink-faint);
}

@media(max-width:640px){
  .legal-head{ padding-block:clamp(120px,16vh,160px) clamp(32px,5vh,52px); }
  .legal-prose p, .legal-prose ul{ font-size:1rem; }
}