/* SmartQonsumer — shared stylesheet for static legal pages (CGV, Confidentialité, RGPD, Mentions légales) */
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font-sans); color:var(--color-text-primary); background:var(--color-bg-marketing); font-size:15px; line-height:1.6}
a{color:var(--color-text-link); text-decoration:none}
a:hover{text-decoration:underline}

.legal-nav{position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; background:rgba(255,255,255,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--color-border)}
.legal-nav a.legal-logo{display:flex; align-items:center; flex:none}
.legal-nav a.legal-logo img{height:20px; width:auto; display:block}
.legal-nav a.legal-back{font-size:13.5px; font-weight:600; color:var(--color-text-secondary); display:inline-flex; align-items:center; gap:6px}
.legal-nav a.legal-back svg{width:15px; height:15px}

.legal-wrap{max-width:760px; margin:0 auto; padding:56px 24px 80px}
.legal-eyebrow{font-size:11px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:var(--color-brand-600); margin:0 0 12px}
.legal-wrap h1{font-size:32px; letter-spacing:-.6px; line-height:1.15; margin:0 0 10px; color:var(--color-text-primary)}
.legal-updated{font-size:13px; color:var(--color-text-muted); margin:0 0 40px}

.legal-wrap h2{font-size:19px; letter-spacing:-.2px; margin:40px 0 12px; color:var(--color-text-primary)}
.legal-wrap h2:first-of-type{margin-top:0}
.legal-wrap h3{font-size:15px; margin:22px 0 8px; color:var(--color-text-primary)}
.legal-wrap p{margin:0 0 14px; color:var(--color-text-secondary)}
.legal-wrap ul,.legal-wrap ol{margin:0 0 14px; padding-left:22px; color:var(--color-text-secondary)}
.legal-wrap li{margin-bottom:6px}
.legal-wrap li::marker{color:var(--color-brand-600)}
.legal-wrap strong{color:var(--color-text-primary); font-weight:700}
.legal-wrap table{width:100%; border-collapse:collapse; margin:0 0 16px; font-size:13.5px}
.legal-wrap th,.legal-wrap td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--color-border); vertical-align:top}
.legal-wrap th{color:var(--color-text-primary); font-weight:700; background:var(--color-bg-marketing-band)}
.legal-wrap td{color:var(--color-text-secondary)}

.legal-callout{background:var(--color-bg-marketing-band); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:18px 20px; margin:0 0 28px; font-size:13.5px; color:var(--color-text-secondary)}
.legal-callout strong{color:var(--color-text-primary)}

.legal-toc{background:var(--color-bg-marketing-band); border-radius:var(--radius-lg); padding:18px 22px; margin:0 0 36px}
.legal-toc p{margin:0 0 8px; font-size:11px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:var(--color-text-muted)}
.legal-toc ol{margin:0; padding-left:18px; columns:2; column-gap:24px; font-size:13.5px}
.legal-toc li{margin-bottom:4px}
.legal-toc a{color:var(--color-text-secondary); font-weight:600}
@media (max-width:560px){ .legal-toc ol{columns:1} }

.legal-footer{border-top:1px solid var(--color-border); padding:28px 24px; text-align:center; font-size:12.5px; color:var(--color-text-muted)}
.legal-footer a{font-weight:700; color:var(--color-brand-700)}