/* Pages légales (2026-10-17) : CGU, CGV, confidentialité, mentions légales.
   S'ajoute à /assets/product/page.css (en-tête, couleurs, bascule FR / EN). */
:root{ --acc:#2fd9c4; --acc2:#5aa9ff; --acc-soft:rgba(47,217,196,.12); --acc-rgb:47,217,196; --acc2-rgb:90,169,255; }
.legal-nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-left:12px;font-size:14px}
.legal-nav a{color:var(--dim);text-decoration:none}
.legal-nav a:hover,.legal-nav a[aria-current="page"]{color:var(--txt)}
@media (max-width:860px){.legal-nav{display:none}}
.legal{max-width:820px;margin:0 auto;padding:44px var(--gut) 72px}
.legal h1{font:700 clamp(30px,5vw,44px)/1.1 var(--display);letter-spacing:-1px;margin:0 0 8px}
.legal .updated{color:var(--faint);font-size:14px;margin:0 0 28px}
.legal h2{font:600 22px/1.3 var(--display);letter-spacing:0;margin:38px 0 10px}
.legal h3{font:600 17px/1.35 var(--display);margin:24px 0 6px}
.legal p,.legal li{color:var(--dim)}
.legal p{margin:0 0 12px}
.legal ul,.legal ol{margin:0 0 14px;padding-left:22px}
.legal li{margin:4px 0}
.legal strong{color:var(--txt)}
.legal a{color:var(--acc)}
.legal .box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:12px 0 18px}
.legal .box p:last-child{margin-bottom:0}
.legal table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:14.5px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--line-soft);color:var(--dim)}
.legal th{color:var(--txt);font-weight:600;background:var(--panel)}
@media (max-width:640px){.legal table,.legal thead,.legal tbody,.legal tr,.legal th,.legal td{display:block}.legal thead{display:none}.legal td{border:0;padding:3px 0}.legal tr{border-bottom:1px solid var(--line-soft);padding:10px 0}.legal td:first-child{color:var(--txt);font-weight:600}}
/* champ à remplir avant publication */
.todo{background:rgba(255,176,46,.16);color:#ffb02e;border-radius:4px;padding:0 4px;font-weight:600}
.legal .note{font-size:14px;color:var(--faint)}
.legal-foot{display:flex;flex-wrap:wrap;gap:8px 20px}
.legal-foot a{color:var(--faint);text-decoration:none}
.legal-foot a:hover{color:var(--txt)}