/* Legal pages theme override for Terms/Privacy pages */

:root {
    --legal-bg: #0a0a0e;
    --legal-surface: #1a1a24;
    --legal-surface-2: #252533;
    --legal-text: #f1f1f8;
    --legal-muted: #b0b0c0;
    --legal-accent: #00c9db;
    --legal-border: #3a3a48;
}

body {
    background: var(--legal-bg);
    color: var(--legal-text);
    font-family: "Space Grotesk", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.spinner-wrapper {
    display: none !important;
}

.ex-header {
    background: linear-gradient(135deg, rgba(0, 201, 219, 0.08) 0%, rgba(255, 80, 80, 0.06) 100%);
    padding: 3rem 1rem 2rem;
    border-bottom: 1px solid var(--legal-border);
}

.ex-header h1 {
    color: var(--legal-text);
    margin: 0;
}

.ex-basic-1,
.ex-basic-2 {
    background: transparent;
}

.ex-basic-1 {
    padding: 1rem;
}

.ex-basic-2 {
    padding: 1.5rem 1rem 3rem;
}

.ex-basic-2 .container,
.ex-basic-1 .container,
.ex-header .container {
    max-width: 980px;
}

.ex-basic-2 .col-lg-10.offset-lg-1,
.ex-basic-2 .col-md-12.col-lg-10 {
    float: none;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.ex-basic-2 .col-lg-10.offset-lg-1 {
    background: var(--legal-surface);
    border: 1px solid var(--legal-border);
    border-radius: 16px;
    padding: 1.5rem;
}

.breadcrumbs {
    background: var(--legal-surface);
    border: 1px solid var(--legal-border);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    color: var(--legal-muted);
}

.breadcrumbs a,
.ex-basic-2 a {
    color: var(--legal-accent);
}

.breadcrumbs i {
    color: var(--legal-muted);
    margin: 0 0.5rem;
}

.ex-basic-2 p,
.ex-basic-2 li,
.ex-basic-2 strong,
.ex-basic-2 span {
    color: var(--legal-muted);
    line-height: 1.7;
}

.ex-basic-2 strong {
    color: var(--legal-text);
}

.ex-basic-2 h2,
.ex-basic-2 h3,
.ex-basic-2 h4,
.ex-basic-2 h5,
.ex-basic-2 h6 {
    color: var(--legal-text);
}

.ex-basic-2 ol,
.ex-basic-2 ul {
    padding-left: 1.25rem;
}

@media (max-width: 768px) {
    .ex-basic-2 .col-lg-10.offset-lg-1 {
        padding: 1rem;
        border-radius: 12px;
    }
}