/* Pages juridiques du click & collect (CGV) : même apparence que mentions-legales.html et politique-confidentialite.html
   (fond brun, titres Barlow Condensed jaunes), polices locales /fonts/fonts.css, aucune ressource externe. */
:root {
    --legal-bg: #1a1410;
    --legal-text: rgba(255, 255, 255, 0.85);
    --legal-muted: rgba(255, 255, 255, 0.55);
    --legal-accent: #ffc107;
    --legal-box: rgba(255, 193, 7, 0.08);
    --legal-box-border: rgba(255, 193, 7, 0.25);
    --legal-rule: rgba(255, 255, 255, 0.1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: 'Barlow', system-ui, sans-serif;
    background: var(--legal-bg);
    color: var(--legal-text);
    line-height: 1.7;
    min-height: 100vh;
}

.container { max-width: 800px; margin: 0 auto; padding: 40px 24px 60px; }

.back-link {
    display: inline-flex; align-items: center; gap: 6px; min-height: 44px;
    color: var(--legal-accent); text-decoration: none; font-weight: 500; margin-bottom: 24px;
}
.back-link:hover, .back-link:focus-visible { opacity: 0.85; }

h1 {
    font-family: 'Barlow Condensed', sans-serif; font-size: 2rem; font-weight: 700; color: var(--legal-accent);
    text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;
}

.subtitle { color: var(--legal-muted); font-size: 0.9rem; margin-bottom: 32px; }

h2 {
    font-family: 'Barlow Condensed', sans-serif; font-size: 1.35rem; font-weight: 700; color: var(--legal-accent);
    text-transform: uppercase; letter-spacing: 0.5px; margin: 36px 0 16px; padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 193, 7, 0.2);
}

h3 { font-size: 1.05rem; font-weight: 600; color: rgba(255, 255, 255, 0.95); margin: 20px 0 10px; }

p, li { font-size: 0.95rem; }
p { margin-bottom: 14px; }
ul, ol { padding-left: 24px; margin-bottom: 14px; }
li { margin-bottom: 6px; }
a { color: var(--legal-accent); }
strong { color: rgba(255, 255, 255, 0.95); }

.info-box {
    background: var(--legal-box); border: 1px solid var(--legal-box-border); border-radius: 12px;
    padding: 20px 24px; margin: 20px 0;
}
.info-box strong { color: var(--legal-accent); }

.toc { columns: 2; column-gap: 32px; }
.toc li { break-inside: avoid; }

.legal-form {
    border: 1px dashed var(--legal-box-border); border-radius: 12px; padding: 20px 24px; margin: 20px 0;
    background: rgba(255, 255, 255, 0.03);
}
.legal-form p { margin-bottom: 10px; }

.withdraw-cta {
    display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border-radius: 999px;
    background: var(--legal-accent); color: var(--legal-bg); font-weight: 700; text-decoration: none;
}
.withdraw-cta:hover, .withdraw-cta:focus-visible { opacity: 0.9; }

.footer-legal {
    margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--legal-rule); font-size: 0.8rem; color: var(--legal-muted);
}

@media (max-width: 600px) {
    h1 { font-size: 1.5rem; }
    .container { padding: 24px 16px 40px; }
    .toc { columns: 1; }
}