/* ==========================================================================
   legal.css — Pages légales (Mentions légales + Politique de confidentialité)
   Thème neutre crème (pas de data-theme) : fond --creme, texte --ink.
   Lié APRÈS styles.css. Style de lecture dense : mesure ~75ch, intertitres,
   espacement vertical généreux.
   ========================================================================== */

/* ----- HERO sobre ----- */
.legal-hero{
  padding:clamp(120px,16vh,180px) 0 clamp(40px,6vh,64px);
  border-bottom:1px solid rgba(21,21,31,.1);
}
.legal-hero h1{
  font-family:'Londrina Solid',serif;font-weight:400;
  font-size:clamp(40px,6vw,82px);line-height:1.02;letter-spacing:-.01em;
  margin:0 0 18px;
  color:var(--accent);
}
.legal-hero .legal-lead{
  font-size:clamp(15px,1.2vw,18px);line-height:1.62;
  max-width:62ch;
  opacity:.84;
  margin:0;
}
.legal-hero .legal-updated{
  margin:22px 0 0;
  font-size:13px;letter-spacing:.02em;
  opacity:.6;
}

/* ----- Corps juridique : colonne de lecture confortable ----- */
.legal-body{
  padding:clamp(48px,7vh,80px) 0 clamp(72px,10vh,120px);
}
.legal-body .legal-measure{
  max-width:75ch;
  margin:0;            /* aligné à GAUCHE (pas de centrage) → calé sous le titre/intro du hero */
}
.legal-section{
  padding:clamp(28px,4vh,40px) 0;
  border-top:1px solid rgba(21,21,31,.08);
}
.legal-section:first-child{border-top:0;padding-top:0}

.legal-section h2{
  font-family:'Londrina Solid',serif;font-weight:400;
  font-size:clamp(24px,2.7vw,34px);line-height:1.1;letter-spacing:-.005em;
  margin:0 0 18px;
  color:var(--accent);
}
.legal-section h3{
  font-family:'Parkinsans',sans-serif;font-weight:600;
  font-size:clamp(16px,1.3vw,19px);line-height:1.3;
  margin:26px 0 10px;
}
.legal-section p{
  font-size:clamp(15px,1.05vw,16.5px);line-height:1.74;
  margin:0 0 14px;
}
.legal-section p:last-child{margin-bottom:0}

.legal-section a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  transition:opacity .2s;
}
.legal-section a:hover{opacity:.7}

/* Listes de lecture */
.legal-section ul{
  list-style:none;
  margin:8px 0 14px;
  padding:0;
}
.legal-section ul li{
  position:relative;
  padding-left:22px;
  font-size:clamp(15px,1.05vw,16.5px);line-height:1.7;
  margin-bottom:9px;
}
.legal-section ul li:last-child{margin-bottom:0}
.legal-section ul li::before{
  content:"";
  position:absolute;left:2px;top:.72em;
  width:6px;height:6px;border-radius:50%;
  background:var(--accent);
  opacity:.55;
}

/* Bloc coordonnées (éditeur, contact…) : lignes serrées sans puces */
.legal-meta{
  margin:6px 0 4px;
  line-height:1.7;
}
.legal-meta strong{font-weight:600}

/* Marqueur visible pour les éléments à compléter */
.legal-todo{
  display:inline-block;
  padding:1px 7px;
  border-radius:4px;
  background:rgba(26,26,174,.1);
  color:var(--accent);
  font-size:.9em;font-weight:500;
  letter-spacing:.01em;
}

@media(max-width:680px){
  .legal-hero{padding-top:clamp(96px,14vh,140px)}
  .legal-body .legal-measure{max-width:none}
}