/* ============================================================
   FOOT.DULUX — pages-legales.css
   Mise en page commune des pages Confidentialité, Cookies et
   Mentions légales (en plus de style.css).
   ============================================================ */
.lg-page{
  --lg-ink:#090a08; --lg-panel:#0e130b; --lg-chalk:#f8f7f0; --lg-chalk-2:rgba(248,247,240,.76); --lg-chalk-3:rgba(248,247,240,.58);
  --lg-lime:#b6e51d; --lg-lime-hot:#dcff55; --lg-line:rgba(248,247,240,.10); --lg-line-2:rgba(248,247,240,.18);
  background:var(--lg-ink);
}
body.lg-page{ overflow-x:clip; }
.lg-page main{ display:block; padding-bottom:90px; }
.lg-page .nav-dropdown-toggle{ appearance:none; background:none; border:0; border-bottom:2px solid transparent; color:inherit; padding:0 0 5px; }
@media (max-width:900px){ .lg-page .nav-dropdown-menu{ left:auto; right:0; } }
.lg-page :focus-visible{ outline:2px solid var(--lg-lime); outline-offset:2px; }
.lg-page [hidden]{ display:none!important; }

.lg-hero{ position:relative; padding:150px 0 34px; border-bottom:1px solid var(--lg-line); overflow:hidden; background:
  radial-gradient(60% 80% at 6% 0%, rgba(182,229,29,.08), transparent 60%), var(--lg-ink); }
.lg-hero::before{ content:""; position:absolute; inset:0; pointer-events:none;
  background-image:radial-gradient(circle, rgba(248,247,240,.07) 0 1px, transparent 1.6px); background-size:6px 6px;
  -webkit-mask-image:linear-gradient(180deg, transparent 0, #000 25%, #000 70%, transparent 100%); mask-image:linear-gradient(180deg, transparent 0, #000 25%, #000 70%, transparent 100%); }
.lg-hero .container{ position:relative; }
.lg-kicker{ display:inline-flex; align-items:center; gap:10px; margin:0; font:600 14px Inter,Arial,sans-serif; color:var(--lg-chalk-2); }
.lg-kicker i{ width:9px; height:9px; border-radius:50%; background:var(--lg-lime); }
.lg-title{ margin:14px 0 0; padding-top:.08em; font-family:Anton,Impact,sans-serif; font-weight:400; text-transform:uppercase; line-height:.9; letter-spacing:.012em;
  font-size:clamp(46px, 8vw, 112px); color:var(--lg-lime);
  background-image:radial-gradient(circle, var(--lg-lime-hot) 0 34%, rgba(182,229,29,.72) 44%, transparent 58%); background-size:7px 7px;
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:drop-shadow(0 0 20px rgba(182,229,29,.28)); overflow-wrap:anywhere; }
.lg-lead{ margin:16px 0 0; max-width:62ch; font:400 clamp(15px,1.4vw,17.5px)/1.6 Inter,Arial,sans-serif; color:var(--lg-chalk-2); }
.lg-meta{ margin:14px 0 0; font:700 11.5px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--lg-chalk-3); }

.lg-wrap{ display:grid; grid-template-columns:230px minmax(0,1fr); gap:48px; padding-top:40px; align-items:start; }
.lg-toc{ position:sticky; top:24px; font:500 13.5px/1.4 Inter,Arial,sans-serif; }
.lg-toc p{ margin:0 0 10px; font:700 11px "Space Mono",monospace; letter-spacing:.08em; text-transform:uppercase; color:var(--lg-lime); }
.lg-toc ol{ list-style:none; margin:0; padding:0; border-left:1px solid var(--lg-line-2); }
.lg-toc a{ display:block; padding:6px 0 6px 14px; margin-left:-1px; border-left:2px solid transparent; color:var(--lg-chalk-3); text-decoration:none; }
.lg-toc a:hover{ color:var(--lg-chalk); border-left-color:var(--lg-lime); }

.lg-body{ max-width:760px; font:400 16px/1.7 Inter,Arial,sans-serif; color:var(--lg-chalk-2); }
.lg-body section{ scroll-margin-top:24px; padding:0; }
.lg-body section + section{ margin-top:44px; }
.lg-body h2{ font-size:clamp(28px,3.4vw,40px); color:var(--lg-chalk); margin:0 0 14px; }
.lg-body h3{ font:800 18px/1.3 Inter,Arial,sans-serif; text-transform:none; letter-spacing:0; color:var(--lg-chalk); margin:26px 0 8px; }
.lg-body p{ margin:0 0 12px; }
.lg-body ul{ margin:0 0 12px; padding-left:20px; }
.lg-body li{ margin:6px 0; }
.lg-body strong, .lg-body b{ color:var(--lg-chalk); }
.lg-body a{ color:var(--lg-lime); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.lg-body a:hover{ color:var(--lg-lime-hot); }
.lg-body code{ font:13px "Space Mono",monospace; color:var(--lg-chalk); background:rgba(248,247,240,.07); padding:1px 6px; border-radius:6px; overflow-wrap:anywhere; }

.lg-brief{ margin:0; padding:18px 20px; border:1px solid rgba(182,229,29,.32); border-radius:16px; background:rgba(182,229,29,.05); }
.lg-brief ul{ list-style:none; padding:0; margin:0; }
.lg-brief li{ position:relative; padding-left:28px; margin:8px 0; color:var(--lg-chalk); }
.lg-brief li::before{ content:""; position:absolute; left:4px; top:.55em; width:12px; height:7px; border-left:2px solid var(--lg-lime); border-bottom:2px solid var(--lg-lime); transform:rotate(-45deg); }

.lg-card{ margin:12px 0 0; padding:16px 18px; border:1px solid var(--lg-line); border-radius:14px; background:var(--lg-panel); }
.lg-card h3{ margin:0 0 8px; }
.lg-facts{ margin:0; display:grid; grid-template-columns:150px minmax(0,1fr); gap:6px 16px; font-size:15px; line-height:1.6; }
.lg-facts dt{ font:700 11px "Space Mono",monospace; letter-spacing:.05em; text-transform:uppercase; color:var(--lg-chalk-3); padding-top:4px; }
.lg-facts dd{ margin:0; }

.lg-id{ margin:12px 0 0; padding:16px 18px; border-left:3px solid var(--lg-lime); background:rgba(248,247,240,.03); border-radius:0 12px 12px 0; color:var(--lg-chalk); line-height:1.7; }

.lg-table-wrap{ overflow-x:auto; margin:12px 0 0; border:1px solid var(--lg-line); border-radius:14px; }
.lg-table{ width:100%; border-collapse:collapse; font-size:14px; line-height:1.5; min-width:560px; }
.lg-table th, .lg-table td{ text-align:left; vertical-align:top; padding:11px 14px; border-bottom:1px solid var(--lg-line); }
.lg-table tr:last-child td{ border-bottom:0; }
.lg-table th{ font:700 10.5px "Space Mono",monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--lg-chalk-3); background:rgba(248,247,240,.03); }
.lg-table td:first-child{ width:34%; }

.lg-choice{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; margin:0; padding:18px 20px; border:1px solid var(--lg-line-2); border-radius:16px; background:var(--lg-panel); }
.lg-choice p{ margin:0; flex:1 1 260px; color:var(--lg-chalk); }
.lg-btn{ appearance:none; display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 22px; border-radius:999px; border:1px solid var(--lg-lime); background:var(--lg-lime); color:#0b0d08; font:700 14.5px Inter,Arial,sans-serif; cursor:pointer; text-decoration:none!important; }
.lg-btn:hover{ background:var(--lg-lime-hot); border-color:var(--lg-lime-hot); color:#0b0d08!important; }
.lg-body a.lg-btn, .lg-body a.lg-btn:hover{ color:#0b0d08; }

@media (max-width:900px){
  .lg-wrap{ grid-template-columns:minmax(0,1fr); gap:26px; }
  .lg-toc{ position:static; }
  .lg-toc ol{ display:flex; flex-wrap:wrap; gap:4px 6px; border-left:0; }
  .lg-toc a{ padding:6px 12px; margin:0; border:1px solid var(--lg-line-2); border-radius:999px; }
  .lg-toc a:hover{ border-color:var(--lg-lime); }
}
@media (max-width:560px){
  .lg-hero{ padding-top:124px; }
  .lg-facts{ grid-template-columns:minmax(0,1fr); gap:0; }
  .lg-facts dt{ padding-top:10px; }
  .lg-body{ font-size:15.5px; }
}
@media print{
  .lg-toc, header, footer{ display:none!important; }
  .lg-page, .lg-hero{ background:#fff!important; color:#000; }
  .lg-title{ color:#000; -webkit-text-fill-color:#000; background:none; filter:none; }
  .lg-body, .lg-body *{ color:#000!important; }
}