/* =====================================================
   ADMITH LEGACY — PRIVACY POLICY
   File: css/pages/privacy-policy.css
===================================================== */


/* =====================================================
   LEGAL HERO
===================================================== */

.privacy-policy-page {

    --legal-green: #5bb780;
    --legal-green-dark: #3f9566;
    --legal-red: #961414;

    --legal-black: #111111;
    --legal-text: #383838;
    --legal-muted: #707070;

    --legal-border: rgba(17, 17, 17, 0.10);
    --legal-soft: rgba(91, 183, 128, 0.08);

    background: #ffffff;
    color: var(--legal-text);

}


/* =====================================================
   HERO
===================================================== */

.privacy-policy-page .legal-hero {

    position: relative;

    padding:
        clamp(150px, 15vw, 220px)
        0
        clamp(80px, 9vw, 120px);

    overflow: hidden;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(91, 183, 128, 0.12),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #f8faf9 0%,
            #ffffff 100%
        );

}


.privacy-policy-page .legal-hero::after {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    opacity: 0.45;

    background-image:
        linear-gradient(
            rgba(17, 17, 17, 0.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(17, 17, 17, 0.035) 1px,
            transparent 1px
        );

    background-size:
        50px 50px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent
        );

}


.privacy-policy-page .legal-hero-content {

    position: relative;

    z-index: 1;

    max-width: 900px;

}


.privacy-policy-page .legal-hero .section-label {

    display: inline-flex;

    margin-bottom: 20px;

    color: var(--legal-green-dark);

    font-size: 0.78rem;

    font-weight: 700;

    letter-spacing: 0.16em;

    text-transform: uppercase;

}


.privacy-policy-page .legal-hero-title {

    margin: 0;

    color: var(--legal-black);

    font-size:
        clamp(3rem, 7vw, 6.5rem);

    line-height: 0.95;

    letter-spacing: -0.055em;

}


.privacy-policy-page .legal-hero-description {

    max-width: 760px;

    margin: 32px 0 0;

    color: var(--legal-muted);

    font-size:
        clamp(1rem, 1.4vw, 1.2rem);

    line-height: 1.8;

}


.privacy-policy-page .legal-meta {

    display: flex;

    flex-wrap: wrap;

    gap: 12px 30px;

    margin-top: 35px;

    color: var(--legal-muted);

    font-size: 0.88rem;

}


.privacy-policy-page .legal-meta strong {

    color: var(--legal-black);

    font-weight: 600;

}


/* =====================================================
   CONTENT LAYOUT
===================================================== */

.privacy-policy-page .legal-content-section {

    padding:
        clamp(70px, 9vw, 120px)
        0;

}


.privacy-policy-page .legal-layout {

    display: grid;

    grid-template-columns:
        minmax(220px, 280px)
        minmax(0, 1fr);

    gap:
        clamp(50px, 8vw, 110px);

    align-items: start;

}


/* =====================================================
   TABLE OF CONTENTS
===================================================== */

.privacy-policy-page .legal-sidebar {

    position: sticky;

    top: 110px;

}


.privacy-policy-page .legal-toc {

    display: flex;

    flex-direction: column;

    padding-left: 22px;

    border-left:
        1px solid var(--legal-border);

}


.privacy-policy-page .legal-toc-title {

    margin-bottom: 20px;

    color: var(--legal-black);

    font-size: 0.75rem;

    font-weight: 700;

    letter-spacing: 0.14em;

    text-transform: uppercase;

}


.privacy-policy-page .legal-toc a {

    position: relative;

    padding: 7px 0;

    color: var(--legal-muted);

    font-size: 0.88rem;

    line-height: 1.5;

    text-decoration: none;

    transition:
        color 0.25s ease,
        transform 0.25s ease;

}


.privacy-policy-page .legal-toc a:hover {

    color: var(--legal-green-dark);

    transform: translateX(4px);

}


/* =====================================================
   LEGAL DOCUMENT
===================================================== */

.privacy-policy-page .legal-document {

    max-width: 850px;

}


.privacy-policy-page .legal-section {

    padding-bottom: 70px;

    margin-bottom: 70px;

    border-bottom:
        1px solid var(--legal-border);

    scroll-margin-top: 110px;

}


.privacy-policy-page .legal-section:last-of-type {

    margin-bottom: 0;

}


.privacy-policy-page .legal-section-number {

    display: block;

    margin-bottom: 14px;

    color: var(--legal-green-dark);

    font-size: 0.75rem;

    font-weight: 700;

    letter-spacing: 0.16em;

}


.privacy-policy-page .legal-section h2 {

    margin: 0 0 24px;

    color: var(--legal-black);

    font-size:
        clamp(1.7rem, 3vw, 2.5rem);

    line-height: 1.15;

    letter-spacing: -0.025em;

}


.privacy-policy-page .legal-section h3 {

    margin:
        38px 0 14px;

    color: var(--legal-black);

    font-size: 1.15rem;

    line-height: 1.4;

}


.privacy-policy-page .legal-section p {

    margin: 0 0 20px;

    color: var(--legal-text);

    font-size: 1rem;

    line-height: 1.9;

}


.privacy-policy-page .legal-section p:last-child {

    margin-bottom: 0;

}


.privacy-policy-page .legal-section ul {

    margin:
        20px 0 25px;

    padding-left: 22px;

}


.privacy-policy-page .legal-section li {

    margin-bottom: 12px;

    padding-left: 6px;

    color: var(--legal-text);

    font-size: 1rem;

    line-height: 1.8;

}


.privacy-policy-page .legal-section a {

    color: var(--legal-green-dark);

    font-weight: 600;

    text-decoration:
        underline;

    text-decoration-thickness:
        1px;

    text-underline-offset:
        3px;

}


/* =====================================================
   CONTACT CARD
===================================================== */

.privacy-policy-page .legal-contact-card {

    padding:
        30px 32px;

    margin:
        30px 0;

    border:
        1px solid var(--legal-green-border, rgba(91, 183, 128, 0.25));

    border-radius:
        16px;

    background:
        var(--legal-soft);

}


.privacy-policy-page .legal-contact-card strong {

    display: block;

    margin-bottom: 8px;

    color: var(--legal-black);

    font-size: 1.1rem;

}


.privacy-policy-page .legal-contact-card p {

    margin-bottom: 8px;

}


.privacy-policy-page .legal-contact-card p:last-child {

    margin-bottom: 0;

}


/* =====================================================
   DISCLAIMER
===================================================== */

.privacy-policy-page .legal-disclaimer {

    padding:
        30px 32px;

    margin-top: 60px;

    border-left:
        3px solid var(--legal-green);

    background:
        #f7f8f7;

}


.privacy-policy-page .legal-disclaimer strong {

    display: block;

    margin-bottom: 12px;

    color: var(--legal-black);

}


.privacy-policy-page .legal-disclaimer p {

    margin: 0 0 15px;

    color: var(--legal-muted);

    font-size: 0.9rem;

    line-height: 1.8;

}


.privacy-policy-page .legal-disclaimer p:last-child {

    margin-bottom: 0;

}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1000px) {

    .privacy-policy-page .legal-layout {

        grid-template-columns:
            1fr;

    }


    .privacy-policy-page .legal-sidebar {

        position: relative;

        top: auto;

        order: -1;

    }


    .privacy-policy-page .legal-toc {

        display: grid;

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

        gap:
            4px 25px;

        padding:
            20px 0 20px 20px;

    }


    .privacy-policy-page .legal-toc-title {

        grid-column:
            1 / -1;

    }

}


@media (max-width: 600px) {

    .privacy-policy-page .legal-hero {

        padding-top:
            130px;

    }


    .privacy-policy-page .legal-meta {

        flex-direction:
            column;

        gap: 8px;

    }


    .privacy-policy-page .legal-toc {

        grid-template-columns:
            1fr;

    }


    .privacy-policy-page .legal-section {

        padding-bottom:
            50px;

        margin-bottom:
            50px;

    }


    .privacy-policy-page .legal-contact-card,
    .privacy-policy-page .legal-disclaimer {

        padding:
            24px;

    }

}


/* =====================================================
   PRINT
===================================================== */

@media print {

    .privacy-policy-page .legal-hero {

        padding:
            40px 0;

        background:
            none;

    }


    .privacy-policy-page .legal-sidebar {

        display: none;

    }


    .privacy-policy-page .legal-layout {

        display: block;

    }


    .privacy-policy-page .legal-document {

        max-width: none;

    }


    .privacy-policy-page .legal-section {

        break-inside:
            avoid;

    }

}