/**
 * NMB Manager — legal documents styling.
 *
 * Scoped under .popia-doc so it can't leak into the rest of the site or fight
 * the Bricks/theme styles. Used by the POPIA statement, privacy policy, and
 * disclaimer pages. Enqueued automatically by NMB_Finance_Legal_Info on any
 * page that contains a [nmb_legal] shortcode or the .popia-doc wrapper.
 */

.popia-doc {
    --popia-ink: #10293b;
    --popia-muted: #5b7383;
    --popia-accent: #0d6e9c;
    --popia-line: #e2e8ee;
    --popia-soft: #f4f8fb;
    --popia-note: #fff8e6;
    --popia-note-line: #f0d98a;
    --popia-maxw: 820px;
    color: var(--popia-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.65;
    font-size: 17px;
}

.popia-doc * { box-sizing: border-box; }
.popia-doc .popia-wrap { max-width: var(--popia-maxw); margin: 0 auto; padding: 8px 4px 48px; }
.popia-doc .popia-head { border-bottom: 3px solid var(--popia-accent); padding-bottom: 20px; margin-bottom: 8px; }
.popia-doc .popia-eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; font-weight: 700; color: var(--popia-accent); margin: 0 0 6px; }
.popia-doc h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 6px; color: var(--popia-ink); }
.popia-doc .popia-club { font-weight: 600; color: var(--popia-muted); margin: 0; }
.popia-doc .popia-meta { font-size: .85rem; color: var(--popia-muted); margin: 10px 0 0; }
.popia-doc h2 { font-size: 1.2rem; margin: 34px 0 10px; padding-top: 6px; color: var(--popia-ink); display: flex; align-items: baseline; gap: .5em; }
.popia-doc h2 .popia-num { color: var(--popia-accent); font-size: .95rem; font-weight: 700; min-width: 1.4em; }
.popia-doc h3 { font-size: 1rem; margin: 20px 0 6px; color: var(--popia-ink); }
.popia-doc p { margin: 0 0 14px; }
.popia-doc ul { margin: 0 0 16px; padding-left: 1.25em; }
.popia-doc li { margin: 0 0 7px; }
.popia-doc a { color: var(--popia-accent); }
.popia-doc strong { color: var(--popia-ink); }
.popia-doc .popia-note { background: var(--popia-note); border: 1px solid var(--popia-note-line); border-radius: 10px; padding: 14px 18px; margin: 0 0 22px; font-size: .92rem; }
.popia-doc .popia-card { background: var(--popia-soft); border: 1px solid var(--popia-line); border-radius: 12px; padding: 18px 20px; margin: 0 0 16px; }
.popia-doc .popia-card p:last-child,
.popia-doc .popia-card ul:last-child { margin-bottom: 0; }
.popia-doc .popia-divider { border: 0; border-top: 1px solid var(--popia-line); margin: 38px 0; }
.popia-doc .popia-consent { border: 2px solid var(--popia-accent); border-radius: 12px; padding: 20px 22px; margin: 0 0 16px; background: #fff; }
.popia-doc .popia-consent .popia-tick { font-weight: 700; display: block; margin: 0 0 10px; color: var(--popia-accent); }

@media (max-width: 600px) {
    .popia-doc { font-size: 16px; }
    .popia-doc h1 { font-size: 1.55rem; }
}