/**
 * ChaCha Home — Legal Center v1.0
 *
 * Native WordPress pages + ChaCha Core content registry.
 * Business copy lives in ChaCha Core. This file owns presentation only.
 */

/* ==========================================================
   01. PAGE FOUNDATION
   ========================================================== */

.chacha-legal-page {
    background:
        var(--chacha-background, #F6F1EA);
}

.chacha-legal-page .entry-header {
    display:
        none;
}

.chacha-legal-page .content-area,
.chacha-legal-page .site-main,
.chacha-legal-page .entry-content-wrap,
.chacha-legal-page .entry-content {
    max-width:
        none;

    margin:
        0;

    padding:
        0;
}

.chacha-legal-page .content-container,
.chacha-legal-page .site-container {
    max-width:
        none;

    padding-left:
        0;

    padding-right:
        0;
}

.chacha-legal {
    width:
        100%;

    color:
        var(--chacha-text-strong, #3B322D);

    background:
        var(--chacha-background, #F6F1EA);
}

.chacha-legal-shell {
    width:
        min(
            calc(100% - 48px),
            var(--chacha-page-shell-max, 1180px)
        );

    margin-left:
        auto;

    margin-right:
        auto;
}

.chacha-legal-page--yasal .chacha-legal-shell {
    width:
        min(
            calc(100% - 48px),
            var(--chacha-hub-shell-max, 1400px)
        );
}


/* ==========================================================
   02. HERO
   ========================================================== */

.chacha-legal-hero {
    border-bottom:
        1px solid
        var(--chacha-border-soft, #DED5CB);

    background:
        var(--chacha-alabaster, #F8F4EE);
}

.chacha-legal-hero__inner {
    padding-top:
        var(--chacha-page-hero-padding-top, 52px);

    padding-bottom:
        var(--chacha-page-hero-padding-bottom, 48px);
}

.chacha-legal-eyebrow,
.chacha-legal-kicker,
.chacha-legal-nav__title {
    margin:
        0;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        var(--chacha-eyebrow-section-size, 10px);

    font-weight:
        700;

    line-height:
        1.4;

    letter-spacing:
        0.18em;

    text-transform:
        uppercase;

    color:
        var(--chacha-brass-dark, #8F6F3F);
}

.chacha-legal-hero h1 {
    max-width:
        720px;

    margin:
        14px 0 0;

    font-family:
        var(--chacha-font-heading, "Cormorant Garamond", serif);

    font-size:
        var(--chacha-page-hero-title-size, clamp(44px, 4.2vw, 58px));

    font-weight:
        500;

    line-height:
        var(--chacha-page-hero-title-line-height, 1.02);

    letter-spacing:
        -0.025em;

    color:
        var(--chacha-espresso, #201A17);
}

.chacha-legal-hero__lead {
    max-width:
        720px;

    margin:
        18px 0 0;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        var(--chacha-page-hero-lead-size, 15px);

    line-height:
        var(--chacha-page-hero-lead-line-height, 1.75);

    color:
        var(--chacha-text-medium, #6A5F58);
}

.chacha-legal-meta {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px 22px;

    margin-top:
        26px;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        11px;

    line-height:
        1.5;

    color:
        var(--chacha-text-muted, #6A5F58);
}

.chacha-legal-meta span + span::before {
    content:
        "";

    display:
        inline-block;

    width:
        3px;

    height:
        3px;

    margin-right:
        22px;

    vertical-align:
        middle;

    border-radius:
        var(--chacha-radius-circle, 50%);

    background:
        var(--chacha-brass, #B08D57);
}


.chacha-legal-page--yasal .chacha-legal-hero__inner {
    padding-top:
        var(--chacha-hub-hero-padding-top, 64px);

    padding-bottom:
        var(--chacha-hub-hero-padding-bottom, 58px);
}

.chacha-legal-page--yasal .chacha-legal-hero h1 {
    max-width:
        880px;

    font-size:
        var(--chacha-hub-hero-title-size, clamp(44px, 5vw, 72px));

    line-height:
        var(--chacha-hub-hero-title-line-height, 0.98);
}


/* ==========================================================
   03. LAYOUT + LEGAL NAV
   ========================================================== */

.chacha-legal-layout {
    display:
        grid;

    grid-template-columns:
        minmax(200px, 240px)
        minmax(0, 780px);

    justify-content:
        space-between;

    column-gap:
        clamp(40px, 5vw, 72px);

    align-items:
        start;

    padding-top:
        56px;

    padding-bottom:
        80px;
}

.chacha-legal-page--yasal .chacha-legal-layout {
    grid-template-columns:
        minmax(220px, 270px)
        minmax(0, 820px);

    column-gap:
        clamp(48px, 7vw, 112px);

    padding-top:
        58px;

    padding-bottom:
        96px;
}

.chacha-legal-sidebar {
    position:
        sticky;

    top:
        116px;
}

.chacha-legal-nav {
    padding:
        24px 0;

    border-top:
        1px solid
        var(--chacha-border, #D7CEC4);

    border-bottom:
        1px solid
        var(--chacha-border, #D7CEC4);
}

.chacha-legal-nav__title {
    margin-bottom:
        14px;
}

.chacha-legal-nav ul {
    margin:
        0;

    padding:
        0;

    list-style:
        none;
}

.chacha-legal-nav li {
    margin:
        0;

    padding:
        0;
}

.chacha-legal-nav a {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        18px;

    padding:
        11px 0;

    border-bottom:
        1px solid
        rgba(215, 206, 196, 0.72);

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        12px;

    line-height:
        1.5;

    color:
        var(--chacha-text-medium, #6A5F58);

    text-decoration:
        none;

    transition:
        color 180ms ease,
        padding-left 180ms ease;
}

.chacha-legal-nav li:last-child a {
    border-bottom:
        0;
}

.chacha-legal-nav a:hover,
.chacha-legal-nav a:focus-visible,
.chacha-legal-nav a[aria-current="page"] {
    color:
        var(--chacha-espresso, #201A17);

    padding-left:
        6px;
}

.chacha-legal-nav a[aria-current="page"] span:last-child {
    color:
        var(--chacha-brass-dark, #8F6F3F);
}


/* ==========================================================
   04. CONTENT TYPOGRAPHY
   ========================================================== */

.chacha-legal-content {
    min-width:
        0;
}

.chacha-legal-section {
    padding:
        0 0 42px;

    margin:
        0 0 42px;

    border-bottom:
        1px solid
        var(--chacha-border-soft, #DED5CB);
}

.chacha-legal-section:last-child {
    margin-bottom:
        0;

    border-bottom:
        0;
}

.chacha-legal-section--intro {
    padding-bottom:
        50px;
}

.chacha-legal-section h2,
.chacha-legal-section h3 {
    font-family:
        var(--chacha-font-heading, "Cormorant Garamond", serif);

    color:
        var(--chacha-espresso, #201A17);
}

.chacha-legal-section h2 {
    margin:
        0 0 18px;

    font-size:
        var(--chacha-page-section-title-size, 34px);

    font-weight:
        500;

    line-height:
        var(--chacha-page-section-title-line-height, 1.12);

    letter-spacing:
        -0.015em;
}

.chacha-legal-section h3 {
    margin:
        28px 0 12px;

    font-size:
        22px;

    font-weight:
        500;

    line-height:
        1.2;
}

.chacha-legal-section p,
.chacha-legal-section li,
.chacha-legal-section dd,
.chacha-legal-section dt,
.chacha-legal-card p {
    font-family:
        var(--chacha-font-body, "Inter", sans-serif);
}

.chacha-legal-section p,
.chacha-legal-section li {
    font-size:
        14px;

    line-height:
        1.8;

    color:
        var(--chacha-text-strong, #3B322D);
}

.chacha-legal-section p {
    margin:
        0 0 16px;
}

.chacha-legal-section p:last-child {
    margin-bottom:
        0;
}

.chacha-legal-section ul,
.chacha-legal-section ol {
    margin:
        18px 0 0;

    padding-left:
        22px;
}

.chacha-legal-section li + li {
    margin-top:
        8px;
}

.chacha-legal-section a {
    color:
        var(--chacha-espresso, #201A17);

    text-decoration-color:
        rgba(176, 141, 87, 0.7);

    text-underline-offset:
        3px;
}

.chacha-legal-section a:hover,
.chacha-legal-section a:focus-visible {
    color:
        var(--chacha-brass-dark, #8F6F3F);
}

.chacha-legal-kicker {
    margin-bottom:
        12px;
}

.chacha-legal-note {
    color:
        var(--chacha-text-muted, #6A5F58) !important;

    font-size:
        12px !important;
}


.chacha-legal-page--yasal .chacha-legal-section h2 {
    font-size:
        38px;

    line-height:
        1.05;
}


/* ==========================================================
   05. CENTER CARDS + ACTIONS
   ========================================================== */

.chacha-legal-card-grid {
    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        16px;

    margin-bottom:
        48px;
}

.chacha-legal-card {
    position:
        relative;

    display:
        flex;

    min-height:
        230px;

    flex-direction:
        column;

    padding:
        26px;

    border:
        1px solid
        var(--chacha-border, #D7CEC4);

    background:
        var(--chacha-surface-soft, #FAF7F2);

    color:
        var(--chacha-espresso, #201A17);

    text-decoration:
        none;

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background 180ms ease;
}

.chacha-legal-card:hover,
.chacha-legal-card:focus-visible {
    transform:
        translateY(-2px);

    border-color:
        var(--chacha-brass, #B08D57);

    background:
        var(--chacha-white, #FFFDFC);
}

.chacha-legal-card__index {
    margin-bottom:
        34px;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    color:
        var(--chacha-brass-dark, #8F6F3F);
}

.chacha-legal-card strong {
    display:
        block;

    margin-bottom:
        10px;

    font-family:
        var(--chacha-font-heading, "Cormorant Garamond", serif);

    font-size:
        27px;

    font-weight:
        500;

    line-height:
        1.1;
}

.chacha-legal-card p {
    margin:
        0;

    font-size:
        12px;

    line-height:
        1.7;

    color:
        var(--chacha-text-muted, #6A5F58);
}

.chacha-legal-card__link {
    margin-top:
        auto;

    padding-top:
        26px;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;
}

.chacha-legal-section--split {
    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(180px, 240px);

    gap:
        36px;

    align-items:
        end;
}

.chacha-legal-actions {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    gap:
        14px;
}

.chacha-legal-button {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    width:
        100%;

    padding:
        14px 16px;

    background:
        var(--chacha-espresso, #201A17);

    color:
        var(--chacha-white, #FFFDFC) !important;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-decoration:
        none !important;

    text-transform:
        uppercase;
}

.chacha-legal-button:hover,
.chacha-legal-button:focus-visible {
    background:
        var(--chacha-brass-dark, #8F6F3F);
}

.chacha-legal-text-link {
    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        12px;
}


/* ==========================================================
   06. IDENTITY + DEFINITIONS
   ========================================================== */

.chacha-legal-identity {
    margin-top:
        24px;

    border-top:
        1px solid
        var(--chacha-border, #D7CEC4);
}

.chacha-legal-identity dl {
    margin:
        0;
}

.chacha-legal-identity dl > div {
    display:
        grid;

    grid-template-columns:
        minmax(150px, 210px)
        minmax(0, 1fr);

    gap:
        24px;

    padding:
        12px 0;

    border-bottom:
        1px solid
        var(--chacha-border-soft, #DED5CB);
}

.chacha-legal-identity dt,
.chacha-legal-identity dd {
    margin:
        0;

    font-size:
        12px;

    line-height:
        1.65;
}

.chacha-legal-identity dt {
    font-weight:
        600;

    color:
        var(--chacha-text-muted, #6A5F58);
}

.chacha-legal-identity dd {
    color:
        var(--chacha-espresso, #201A17);
}

.chacha-legal-definition-grid {
    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        14px;

    margin-top:
        20px;
}

.chacha-legal-definition-grid article {
    padding:
        20px;

    border:
        1px solid
        var(--chacha-border-soft, #DED5CB);

    background:
        var(--chacha-surface-soft, #FAF7F2);
}

.chacha-legal-definition-grid strong {
    display:
        block;

    margin-bottom:
        8px;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        11px;

    font-weight:
        700;

    letter-spacing:
        0.04em;

    color:
        var(--chacha-espresso, #201A17);
}

.chacha-legal-definition-grid p {
    margin:
        0;

    font-size:
        12px;

    line-height:
        1.75;
}


/* ==========================================================
   07. TABLES + CALLOUTS
   ========================================================== */

.chacha-legal-table-wrap {
    width:
        100%;

    margin-top:
        22px;

    overflow-x:
        auto;

    border:
        1px solid
        var(--chacha-border, #D7CEC4);

    background:
        var(--chacha-white, #FFFDFC);
}

.chacha-legal-table {
    width:
        100%;

    min-width:
        720px;

    border-collapse:
        collapse;

    font-family:
        var(--chacha-font-body, "Inter", sans-serif);

    font-size:
        11px;

    line-height:
        1.6;
}

.chacha-legal-table th,
.chacha-legal-table td {
    padding:
        13px 14px;

    border-right:
        1px solid
        var(--chacha-border-soft, #DED5CB);

    border-bottom:
        1px solid
        var(--chacha-border-soft, #DED5CB);

    text-align:
        left;

    vertical-align:
        top;
}

.chacha-legal-table th {
    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        0.08em;

    text-transform:
        uppercase;

    color:
        var(--chacha-espresso, #201A17);

    background:
        var(--chacha-surface-soft, #FAF7F2);
}

.chacha-legal-table tr:last-child td {
    border-bottom:
        0;
}

.chacha-legal-table th:last-child,
.chacha-legal-table td:last-child {
    border-right:
        0;
}

.chacha-legal-table code {
    padding:
        2px 5px;

    background:
        var(--chacha-surface, #EDE6DD);

    color:
        var(--chacha-espresso, #201A17);

    font-size:
        10px;
}

.chacha-legal-callout {
    padding:
        28px;

    border:
        1px solid
        var(--chacha-border, #D7CEC4);

    border-left:
        3px solid
        var(--chacha-brass, #B08D57);

    background:
        var(--chacha-surface-soft, #FAF7F2);
}


/* ==========================================================
   08. TABLET
   ========================================================== */

@media screen and (max-width: 1024px) {

    .chacha-legal-layout {
        grid-template-columns:
            220px minmax(0, 1fr);

        column-gap:
            42px;
    }

    .chacha-legal-sidebar {
        top:
            94px;
    }

}


/* ==========================================================
   09. MOBILE
   ========================================================== */

@media screen and (max-width: 766px) {

    .chacha-legal-shell {
        width:
            min(calc(100% - 32px), var(--chacha-container-max, 1400px));
    }

    .chacha-legal-hero__inner {
        padding-top:
            var(--chacha-page-mobile-hero-padding-top, 30px);

        padding-bottom:
            var(--chacha-page-mobile-hero-padding-bottom, 32px);
    }

    .chacha-legal-hero h1 {
        font-size:
            var(--chacha-page-mobile-hero-title-size, 40px);
    }

    .chacha-legal-page--yasal .chacha-legal-hero__inner {
        padding-top:
            var(--chacha-hub-mobile-hero-padding-top, 38px);

        padding-bottom:
            var(--chacha-hub-mobile-hero-padding-bottom, 36px);
    }

    .chacha-legal-page--yasal .chacha-legal-hero h1 {
        font-size:
            var(--chacha-hub-mobile-hero-title-size, 46px);
    }

    .chacha-legal-hero__lead {
        margin-top:
            18px;

        font-size:
            var(--chacha-page-mobile-hero-lead-size, 13.5px);

        line-height:
            var(--chacha-page-mobile-hero-lead-line-height, 1.7);
    }

    .chacha-legal-meta {
        display:
            block;
    }

    .chacha-legal-meta span {
        display:
            block;
    }

    .chacha-legal-meta span + span {
        margin-top:
            4px;
    }

    .chacha-legal-meta span + span::before {
        display:
            none;
    }

    .chacha-legal-layout {
        display:
            block;

        padding-top:
            32px;

        padding-bottom:
            64px;
    }

    .chacha-legal-sidebar {
        position:
            static;

        margin-bottom:
            42px;
    }

    .chacha-legal-nav {
        padding:
            18px 0;
    }

    .chacha-legal-nav ul {
        display:
            grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap:
            16px;
    }

    .chacha-legal-nav a {
        min-height:
            48px;

        padding:
            9px 0;

        font-size:
            11px;
    }

    .chacha-legal-section {
        padding-bottom:
            34px;

        margin-bottom:
            34px;
    }

    .chacha-legal-section h2 {
        font-size:
            var(--chacha-page-mobile-section-title-size, 29px);
    }

    .chacha-legal-page--yasal .chacha-legal-section h2 {
        font-size:
            31px;
    }

    .chacha-legal-section p,
    .chacha-legal-section li {
        font-size:
            13px;

        line-height:
            1.82;
    }

    .chacha-legal-card-grid,
    .chacha-legal-definition-grid,
    .chacha-legal-section--split {
        grid-template-columns:
            1fr;
    }

    .chacha-legal-card {
        min-height:
            210px;
    }

    .chacha-legal-identity dl > div {
        grid-template-columns:
            1fr;

        gap:
            4px;
    }

    .chacha-legal-callout {
        padding:
            22px;
    }

}


/* ==========================================================
   10. SMALL MOBILE
   ========================================================== */

@media screen and (max-width: 420px) {

    .chacha-legal-nav ul {
        grid-template-columns:
            1fr;
    }

    .chacha-legal-card {
        padding:
            22px;
    }

}