/* =========================================================
   CHAITANYA PRINT
   LEGAL PAGES
========================================================= */

:root {
    --cp-orange: #f97316;
    --cp-orange-dark: #ea580c;

    --cp-blue: #2563eb;

    --cp-navy: #0f172a;
    --cp-dark: #111827;

    --cp-muted: #64748b;
    --cp-border: #e2e8f0;

    --cp-bg: #f8fafc;

    --cp-white: #ffffff;
}


/* =========================================================
   PAGE
========================================================= */

.cp-legal-page {
    min-height: 75vh;

    padding:
        34px 0
        80px;

    background:
        radial-gradient(
            circle at 7% 5%,
            rgba(37, 99, 235, .08),
            transparent 30%
        ),
        radial-gradient(
            circle at 94% 9%,
            rgba(249, 115, 22, .06),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #ffffff 100%
        );

    color: var(--cp-navy);
}


/* =========================================================
   CONTAINER
========================================================= */

.cp-legal-container {
    width:
        min(
            960px,
            calc(100% - 32px)
        );

    margin-inline: auto;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.cp-legal-breadcrumb {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 24px;

    color: #94a3b8;

    font-size: 12px;
}


.cp-legal-breadcrumb a {
    color: #475569;

    text-decoration: none;

    font-weight: 700;
}


.cp-legal-breadcrumb a:hover {
    color: var(--cp-orange-dark);
}


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

.cp-legal-card {
    position: relative;

    overflow: hidden;

    background:
        rgba(
            255,
            255,
            255,
            .96
        );

    border:
        1px solid
        var(--cp-border);

    border-radius: 22px;

    padding:
        clamp(
            25px,
            4vw,
            46px
        );

    box-shadow:
        0 22px 70px
        rgba(
            15,
            23,
            42,
            .075
        );
}


.cp-legal-card::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #2563eb,
            #f97316
        );
}


/* =========================================================
   BADGE
========================================================= */

.cp-legal-badge {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    padding:
        7px 11px;

    border-radius: 999px;

    background: #fff7ed;

    border:
        1px solid
        #fed7aa;

    color: #c2410c;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase;
}


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

.cp-legal-card h1 {
    max-width: 780px;

    margin:
        15px 0
        10px;

    font-size:
        clamp(
            34px,
            5vw,
            52px
        );

    line-height: 1.03;

    letter-spacing: -.045em;

    color: var(--cp-dark);
}


.cp-legal-subtitle {
    max-width: 760px;

    margin:
        0 0
        12px;

    color: var(--cp-muted);

    font-size: 15px;

    line-height: 1.75;
}


.cp-legal-updated {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin-bottom: 29px;

    color: #94a3b8;

    font-size: 11px;

    font-weight: 700;
}


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

.cp-legal-content {
    max-width: 800px;
}


.cp-legal-content h2 {
    margin:
        34px 0
        11px;

    color: var(--cp-dark);

    font-size:
        clamp(
            20px,
            2.6vw,
            25px
        );

    line-height: 1.25;

    letter-spacing: -.025em;
}


.cp-legal-content h3 {
    margin:
        23px 0
        8px;

    color: var(--cp-dark);

    font-size: 16px;
}


.cp-legal-content p,
.cp-legal-content li {
    color: #475569;

    font-size: 14px;

    line-height: 1.85;
}


.cp-legal-content p {
    margin:
        0 0
        14px;
}


.cp-legal-content ul,
.cp-legal-content ol {
    padding-left: 21px;

    margin:
        10px 0
        18px;
}


.cp-legal-content li {
    margin-bottom: 7px;
}


.cp-legal-content a {
    color: var(--cp-orange-dark);

    text-decoration: none;

    font-weight: 700;
}


.cp-legal-content a:hover {
    text-decoration: underline;
}


/* =========================================================
   NOTICE BOX
========================================================= */

.cp-policy-note {
    margin:
        28px 0
        6px;

    padding: 17px 18px;

    border-radius: 14px;

    border:
        1px solid
        #bfdbfe;

    background:
        linear-gradient(
            135deg,
            #eff6ff,
            #f8fbff
        );

    color: #1e3a8a;

    font-size: 13px;

    line-height: 1.75;
}


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

.cp-policy-contact {
    margin-top: 35px;

    padding: 24px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #08162f,
            #102b52
        );

    color: #ffffff;
}


.cp-policy-contact h2 {
    margin:
        0 0
        8px;

    color: #ffffff;
}


.cp-policy-contact p {
    color: #cbd5e1;

    margin-bottom: 9px;
}


.cp-policy-contact a {
    color: #fdba74;

    text-decoration: none;

    font-weight: 800;
}


/* =========================================================
   POLICY LINKS
========================================================= */

.cp-other-policies {
    display: grid;

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

    gap: 12px;

    margin-top: 30px;
}


.cp-other-policy {
    padding: 15px;

    border:
        1px solid
        var(--cp-border);

    border-radius: 13px;

    background: #ffffff;

    color: #334155;

    text-decoration: none;

    font-size: 12px;

    font-weight: 800;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.cp-other-policy:hover {
    transform:
        translateY(-2px);

    border-color:
        #fed7aa;

    box-shadow:
        0 10px 25px
        rgba(
            15,
            23,
            42,
            .06
        );

    color:
        var(--cp-orange-dark);
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .cp-legal-page {
        padding-top: 25px;
    }


    .cp-legal-card {
        border-radius: 17px;
    }


    .cp-other-policies {
        grid-template-columns:
            1fr;
    }

}