/* === Legal UX theme for Deco Peinture === */
:root{
    --brand:#0a66c2;
    --ink:#111827;
    --muted:#6b7280;
    --card:#ffffff;
    --bg:#f8fafc;
    --ring:rgba(59,130,246,.35);
    --grad:linear-gradient(90deg,#ff0000,#ff7a00,#ffea00,#21d600,#0096ff,#7a00ff);
}
* { box-sizing:border-box }

/* Hero */
.legal-hero {
    background:
            radial-gradient(80% 60% at 20% 0%, rgba(59,130,246,.12) 0%, transparent 60%),
            radial-gradient(80% 60% at 80% 0%, rgba(236,72,153,.10) 0%, transparent 60%),
            var(--bg);
    border-bottom: 1px solid #e5e7eb;
}
.rainbow-bar { background: var(--grad); height: 4px; }

/* Layout */
.legal {
    max-width: 100rem; margin: 0 auto; padding: 2rem 1rem;
    display: grid; grid-template-columns: 280px 1fr; gap: 2rem;
}
@media (max-width: 1024px){ .legal { grid-template-columns: 1fr } }

/* TOC (sommaire) */
.legal-toc {
    position: sticky; top: 1rem; align-self: start;
    background: var(--card); border:1px solid #e5e7eb; border-radius: 1rem;
    padding: 1rem; box-shadow: 0 12px 24px -12px var(--ring);
}
.legal-toc h3 { font-size: .9rem; letter-spacing:.02em; color: var(--muted); margin-bottom: .5rem }
.legal-toc a {
    display:block; padding:.5rem .5rem; margin:.15rem 0; border-radius:.6rem;
    color: var(--ink); text-decoration:none;
}
.legal-toc a:hover, .legal-toc a.active { background: #eef2ff; color:#3730a3 }

/* Content */
.legal-content { background: var(--card); border:1px solid #e5e7eb; border-radius: 1rem; padding: 2rem; }
.legal-content h2 {
    scroll-margin-top: 7rem;
    font-size: 1.35rem; margin-top: 2rem; margin-bottom:.75rem;
}
.legal-content p, .legal-content li { color: var(--ink); line-height: 1.7 }
.legal-content a { color: var(--brand); text-decoration: underline; text-underline-offset: 2px }

/* Definition block (infos entreprise) */
.legal-dl { display:grid; grid-template-columns: 220px 1fr; gap:.5rem 1.25rem; }
.legal-dl dt { color:#374151; font-weight:600 }
.legal-dl dd { color:#111827 }
@media (max-width: 640px){ .legal-dl { grid-template-columns: 1fr } }

/* Cards / callouts */
.legal-card {
    border:1px solid #e5e7eb; border-radius: .9rem; padding:1rem 1.25rem; background:#fff;
}
.callout {
    border-left:6px solid #10b981; background:#ecfdf5; padding:1rem 1.25rem; border-radius:.6rem;
}
.callout.warn { border-left-color:#f59e0b; background:#fffbeb }
.callout.danger { border-left-color:#ef4444; background:#fef2f2 }

/* Badges */
.badge {
    display:inline-flex; gap:.4rem; align-items:center; font-size:.75rem;
    padding:.25rem .5rem; border-radius:.5rem; background:#eef2ff; color:#3730a3; border:1px solid #c7d2fe;
}

/* Anchors */
.anchor { text-decoration:none; opacity:.4; margin-left:.35rem; font-weight:400 }
.anchor:hover { opacity:1 }

/* Print */
@media print{
    .legal { display:block; padding:0; }
    .legal-toc, header, footer, .rainbow-bar { display:none !important }
    .legal-content { border:none; padding:0 }
    a { text-decoration:none; color:inherit }
}