/* ============================================================
   SymbioMail — mise en page des textes juridiques
   ------------------------------------------------------------
   Utilisé par la page complète (frontend/pages/legal) et par la
   version affichée dans la fenêtre (legal/embed). Mesure de lecture
   de 70 caractères environ, titres en IBM Plex Sans, texte en Nunito.
   ============================================================ */

.legal-doc {
    --legal-text: #2c2c2e;
    --legal-muted: #5d6470;
    --legal-title: #060b18;
    --legal-accent: var(--sm-primary-fixed, #1f438f);
    --legal-border: #e8e0d0;
    --legal-soft: #f8f6f1;

    max-width: 46rem;
    margin: 0 auto;
    color: var(--legal-text);
    font-family: var(--sm-font-text, Nunito, "Segoe UI", Arial, sans-serif);
    font-size: 16px;
    line-height: 1.65;
    text-align: left;
    overflow-wrap: anywhere;
}

.legal-doc h1 {
    margin: 0 0 6px;
    color: var(--legal-title);
    font-family: var(--sm-font-title, "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif);
    font-size: clamp(26px, 4vw, 34px);
    font-weight: 600;
    line-height: 1.2;
}
.legal-doc h2 {
    margin: 34px 0 10px;
    color: var(--legal-title);
    font-family: var(--sm-font-title, "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}
.legal-doc h3 {
    margin: 22px 0 8px;
    color: var(--legal-title);
    font-family: var(--sm-font-title, "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif);
    font-size: 17px;
    font-weight: 600;
}
.legal-doc p { margin: 0 0 12px; }
/* Le thème du site public retire les puces (ul { list-style: none }) :
   elles reviennent ici, une liste juridique se lit mieux avec. */
.legal-doc ul { margin: 0 0 14px; padding-left: 22px; list-style: disc; }
.legal-doc li ul { list-style: circle; }
.legal-doc li { margin: 0 0 6px; display: list-item; }
.legal-doc li ul { margin: 6px 0 0; }
.legal-doc a {
    color: var(--legal-accent);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.legal-doc strong { color: var(--legal-title); }

.legal-doc .legal-updated {
    margin-bottom: 24px;
    color: var(--legal-muted);
    font-size: 14px;
}
.legal-doc .legal-lead { font-size: 17.5px; }

.legal-doc .legal-summary {
    margin: 20px 0 8px;
    padding: 16px 20px 6px;
    border: 1px solid var(--legal-border);
    border-left: 4px solid var(--sm-accent, #f2c230);
    border-radius: 12px;
    background: var(--legal-soft);
}
.legal-doc .legal-summary p { margin-bottom: 8px; }

.legal-doc .legal-quote {
    padding: 12px 16px;
    border-left: 3px solid var(--legal-accent);
    background: var(--legal-soft);
    font-style: italic;
}

.legal-doc .legal-table-wrap {
    margin: 0 0 16px;
    overflow-x: auto;
    border: 1px solid var(--legal-border);
    border-radius: 10px;
}
.legal-doc .legal-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14.5px;
    line-height: 1.5;
}
.legal-doc .legal-table th,
.legal-doc .legal-table td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--legal-border);
    text-align: left;
    vertical-align: top;
}
.legal-doc .legal-table th {
    background: var(--legal-soft);
    color: var(--legal-title);
    font-weight: 700;
}
.legal-doc .legal-table tr:last-child td { border-bottom: 0; }

/* Page complète du site public */
.legal-page-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Version affichée dans la fenêtre : tout le document est la page */
html.legal-embed,
html.legal-embed body {
    margin: 0;
    background: #fdfcfa;
}
html.legal-embed body { padding: 26px 24px 40px; }

html.legal-embed[data-sm-theme="dark"],
html.legal-embed[data-sm-theme="dark"] body { background: #0c1424; }
html.legal-embed[data-sm-theme="dark"] .legal-doc {
    --legal-text: #e6e9ef;
    --legal-muted: #a7b0c0;
    --legal-title: #f5f7fb;
    --legal-accent: #8fb4ec;
    --legal-border: #22304a;
    --legal-soft: #101a2e;
}
@media (prefers-color-scheme: dark) {
    html.legal-embed:not([data-sm-theme="light"]),
    html.legal-embed:not([data-sm-theme="light"]) body { background: #0c1424; }
    html.legal-embed:not([data-sm-theme="light"]) .legal-doc {
        --legal-text: #e6e9ef;
        --legal-muted: #a7b0c0;
        --legal-title: #f5f7fb;
        --legal-accent: #8fb4ec;
        --legal-border: #22304a;
        --legal-soft: #101a2e;
    }
}

@media (max-width: 600px) {
    .legal-doc { font-size: 15.5px; }
    html.legal-embed body { padding: 18px 16px 32px; }
}