/* ============================================================
   ENERGILISA — page légale
   ============================================================ */
.legales-body{background:var(--bg)}
.legales-body #nav{position:sticky;background:rgba(23,17,48,.9);backdrop-filter:blur(14px)}
.legales-wrap{
  position:relative;z-index:1;
  max-width:860px;margin:0 auto;
  padding:60px 5vw 90px;
}
.legales-wrap h1{
  font-size:clamp(2rem,4vw,2.8rem);text-align:center;
  color:var(--gold-2);margin-bottom:30px;
}
.legales-nav{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  margin-bottom:50px;
}
.legales-nav a{
  padding:8px 18px;border:1px solid var(--line);border-radius:30px;
  color:var(--ink-soft);font-size:.85rem;letter-spacing:.04em;transition:.25s;
}
.legales-nav a:hover{color:var(--gold-2);border-color:var(--gold);background:rgba(232,195,126,.08)}
.legales-wrap section{
  background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);
  padding:36px 38px;margin-bottom:28px;
  scroll-margin-top:100px;
}
.legales-wrap h2{
  font-size:1.7rem;color:var(--gold-2);margin-bottom:18px;
  padding-bottom:12px;border-bottom:1px solid var(--line);
}
.legales-wrap h3{
  font-family:var(--font-display);font-size:1.15rem;color:var(--turquoise);
  margin:24px 0 8px;font-weight:600;
}
.legales-wrap p{color:var(--ink-soft);font-size:.94rem;margin-bottom:12px}
.legales-wrap p strong{color:var(--ink)}
.legales-wrap .intro{
  font-style:italic;color:var(--ink-soft);font-size:.9rem;
  border-left:2px solid var(--gold);padding-left:16px;
}
.legales-wrap a{color:var(--gold)}
.todo{
  display:inline-block;margin-top:4px;padding:6px 12px;border-radius:8px;
  background:rgba(232,121,138,.1);border:1px solid rgba(232,121,138,.4);
  color:#e8798a;font-size:.82rem;
}
.form-retract{
  margin-top:20px;padding:24px 26px;border-radius:14px;
  background:rgba(23,17,48,.55);border:1px dashed var(--line);
}
.form-retract h3{margin-top:0}
.muted-block{font-size:.82rem;opacity:.8}
.legales-update{text-align:center;font-size:.8rem;color:rgba(182,172,214,.5);margin-top:10px}
@media (max-width:600px){
  .legales-wrap section{padding:26px 20px}
}