/**
 * WoonView — Legal pages redesign (privacy, terms, disclaimer)
 * Scoped to body[data-wv-page="woonview:privacy"] / "woonview:terms" / "woonview:disclaimer".
 * Same token system as the other redesigned pages. Section headings (h3) and
 * the hero title use CSS custom properties inline in the templates
 * (var(--woonview-title) etc.), so redefining those tokens here cascades
 * through without needing to touch every heading in the markup.
 */

body[data-wv-page="woonview:privacy"],
body[data-wv-page="woonview:terms"],
body[data-wv-page="woonview:disclaimer"] {
    --woonview-font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --woonview-font-family-heading: 'Schibsted Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --woonview-title: #13233a;
    --woonview-text: #3c4a5e;
    --woonview-bg-primary: #f6f4ef;
    --woonview-card-bg: #ffffff;
    --woonview-border-light: #e6e2d9;

    --wv-r: 14px;
    --wv-sh-sm: 0 1px 2px rgba(19,35,58,.05), 0 1px 3px rgba(19,35,58,.06);

    background: var(--woonview-bg-primary);
}

body[data-wv-page="woonview:privacy"] .btn,
body[data-wv-page="woonview:terms"] .btn,
body[data-wv-page="woonview:disclaimer"] .btn {
    border-radius: 999px;
}

body[data-wv-page="woonview:privacy"] .card,
body[data-wv-page="woonview:terms"] .card,
body[data-wv-page="woonview:disclaimer"] .card {
    border-radius: var(--wv-r);
    box-shadow: var(--wv-sh-sm);
}

body[data-wv-page="woonview:privacy"] .wvp-legal-hero__title,
body[data-wv-page="woonview:terms"] .wvp-legal-hero__title,
body[data-wv-page="woonview:disclaimer"] .wvp-legal-hero__title,
body[data-wv-page="woonview:privacy"] h3,
body[data-wv-page="woonview:terms"] h3,
body[data-wv-page="woonview:disclaimer"] h3 {
    font-family: var(--woonview-font-family-heading);
}

@media (max-width: 576px) {
    body[data-wv-page="woonview:privacy"] .card,
    body[data-wv-page="woonview:terms"] .card,
    body[data-wv-page="woonview:disclaimer"] .card {
        padding: 1.5rem !important;
    }
}