/* ==========================================================
   LAVENDER COUNSELING CENTER
   PRIVACY POLICY CONTENT
========================================================== */

.lavPrivacy {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding:
        clamp(4.5rem, 8vw, 7rem)
        0;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbf9fc 48%,
            #f7f2f9 100%
        );
}


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

.lavPrivacy .container {
    position: relative;
    z-index: 3;

    width: min(
        calc(100% - 2rem),
        1200px
    );

    margin-inline: auto;
}


/* ==========================================================
   MAIN LAYOUT
========================================================== */

.lavPrivacyLayout {
    display: grid;
    grid-template-columns:
        minmax(220px, 0.3fr)
        minmax(0, 1fr);

    align-items: start;

    gap:
        clamp(
            2.5rem,
            6vw,
            5.5rem
        );
}


/* ==========================================================
   SIDEBAR
========================================================== */

.lavPrivacySidebar {
    position: relative;
    min-width: 0;
}

.lavPrivacySidebarInner {
    position: sticky;
    top: 7.5rem;

    padding: 1.4rem;

    background:
        rgba(255, 255, 255, 0.74);

    border:
        1px solid
        rgba(111, 81, 128, 0.13);

    border-radius: 24px;

    box-shadow:
        0 18px 48px
        rgba(74, 52, 88, 0.08);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.lavPrivacySidebarLabel {
    margin: 0 0 1rem;

    color: #6f527f;

    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.2;

    letter-spacing: 0.14em;
    text-transform: uppercase;
}


/* ==========================================================
   SIDEBAR NAVIGATION
========================================================== */

.lavPrivacyNavigation {
    display: grid;
    gap: 0.15rem;
}

.lavPrivacyNavigation a {
    position: relative;

    display: block;

    padding:
        0.58rem
        0.65rem
        0.58rem
        1.05rem;

    color: #746b78;

    border-radius: 10px;

    font-size: 0.83rem;
    font-weight: 600;
    line-height: 1.35;

    text-decoration: none;

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

.lavPrivacyNavigation a::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 0.38rem;

    width: 4px;
    height: 4px;

    background: #a589b6;

    border-radius: 50%;

    transform:
        translateY(-50%)
        scale(0.75);

    transition:
        transform 0.25s ease,
        background 0.25s ease;
}

.lavPrivacyNavigation a:hover {
    color: #4c3857;

    background:
        rgba(130, 94, 150, 0.08);

    transform: translateX(2px);
}

.lavPrivacyNavigation a:hover::before {
    background: #78568d;

    transform:
        translateY(-50%)
        scale(1);
}

.lavPrivacyNavigation a.is-active {
    color: #4c3857;

    background:
        rgba(130, 94, 150, 0.1);
}

.lavPrivacyNavigation a.is-active::before {
    background: #78568d;

    transform:
        translateY(-50%)
        scale(1.1);
}


/* ==========================================================
   SIDEBAR NOTE
========================================================== */

.lavPrivacySidebarNote {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;

    margin-top: 1.2rem;

    padding-top: 1.2rem;

    border-top:
        1px solid
        rgba(110, 80, 126, 0.12);
}

.lavPrivacySidebarNoteIcon {
    flex: 0 0 auto;

    width: 34px;
    height: 34px;

    display: grid;
    place-items: center;

    color: #775689;

    background:
        rgba(132, 96, 153, 0.1);

    border-radius: 11px;
}

.lavPrivacySidebarNoteIcon svg {
    width: 18px;
    height: 18px;
}

.lavPrivacySidebarNote p {
    margin: 0;

    color: #7c727f;

    font-size: 0.76rem;
    line-height: 1.55;
}


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

.lavPrivacyContent {
    min-width: 0;
    max-width: 820px;
}


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

.lavPrivacyContentHeader {
    margin-bottom:
        clamp(
            2.5rem,
            5vw,
            4rem
        );
}

.lavPrivacyContentEyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;

    margin-bottom: 1rem;
}

.lavPrivacyContentEyebrow > span {
    width: 2.15rem;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #836295,
            #b89dca
        );
}

.lavPrivacyContentEyebrow p {
    margin: 0;

    color: #775989;

    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1.2;

    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.lavPrivacyContentHeader h2 {
    max-width: 720px;

    margin: 0;

    color: #35283d;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            2.6rem,
            5vw,
            4.4rem
        );

    font-weight: 500;
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.lavPrivacyContentHeader > p {
    max-width: 760px;

    margin:
        1.35rem
        0
        0;

    color: #6e6472;

    font-size:
        clamp(
            1rem,
            1.35vw,
            1.08rem
        );

    line-height: 1.8;
}

.lavPrivacyUpdated {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;

    margin-top: 1.25rem;

    padding:
        0.55rem
        0.8rem;

    color: #6f6573;
    background:
        rgba(132, 97, 152, 0.07);

    border:
        1px solid
        rgba(121, 88, 140, 0.11);

    border-radius: 999px;

    font-size: 0.78rem;
    line-height: 1.3;
}

.lavPrivacyUpdated strong {
    color: #4e3a58;
}


/* ==========================================================
   IMPORTANT NOTICE
========================================================== */

.lavPrivacyImportant {
    display: flex;
    align-items: flex-start;
    gap: 1rem;

    margin-bottom:
        clamp(
            2.8rem,
            5vw,
            4rem
        );

    padding:
        clamp(
            1.2rem,
            3vw,
            1.6rem
        );

    background:
        linear-gradient(
            135deg,
            rgba(146, 102, 123, 0.1),
            rgba(179, 142, 161, 0.05)
        );

    border:
        1px solid
        rgba(149, 100, 120, 0.18);

    border-radius: 22px;
}

.lavPrivacyImportantIcon {
    flex: 0 0 auto;

    width: 44px;
    height: 44px;

    display: grid;
    place-items: center;

    color: #915b72;
    background:
        rgba(255, 255, 255, 0.68);

    border-radius: 14px;
}

.lavPrivacyImportantIcon svg {
    width: 22px;
    height: 22px;
}

.lavPrivacyImportant h3 {
    margin: 0;

    color: #5e3d4b;

    font-size:
        clamp(
            1.05rem,
            1.8vw,
            1.22rem
        );

    font-weight: 750;
    line-height: 1.4;
}

.lavPrivacyImportant p {
    margin: 0.55rem 0 0;

    color: #78666f;

    font-size: 0.92rem;
    line-height: 1.7;
}


/* ==========================================================
   POLICY SECTIONS
========================================================== */

.lavPrivacySection {
    position: relative;

    scroll-margin-top: 8rem;

    padding:
        clamp(
            2rem,
            4vw,
            3rem
        )
        0;

    border-top:
        1px solid
        rgba(106, 78, 120, 0.11);
}

.lavPrivacySection:first-of-type {
    border-top: 0;
}

.lavPrivacySectionNumber {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 38px;
    min-height: 30px;

    margin-bottom: 0.8rem;

    color: #7b5a8e;
    background:
        rgba(130, 94, 149, 0.08);

    border:
        1px solid
        rgba(126, 91, 145, 0.11);

    border-radius: 999px;

    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1;

    letter-spacing: 0.08em;
}

.lavPrivacySection h3 {
    max-width: 720px;

    margin: 0;

    color: #3c2e44;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:
        clamp(
            1.9rem,
            3vw,
            2.65rem
        );

    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.025em;
}

.lavPrivacySection h4 {
    margin:
        1.8rem
        0
        0.7rem;

    color: #4e3a57;

    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
}

.lavPrivacySection p {
    max-width: 780px;

    margin:
        1rem
        0
        0;

    color: #706672;

    font-size: 0.98rem;
    line-height: 1.8;
}

.lavPrivacySection ul {
    display: grid;
    gap: 0.75rem;

    margin:
        1.1rem
        0
        0;

    padding: 0;

    list-style: none;
}

.lavPrivacySection li {
    position: relative;

    padding-left: 1.45rem;

    color: #706672;

    font-size: 0.96rem;
    line-height: 1.75;
}

.lavPrivacySection li::before {
    content: "";

    position: absolute;
    top: 0.72em;
    left: 0;

    width: 7px;
    height: 7px;

    background:
        linear-gradient(
            135deg,
            #806094,
            #b79dc8
        );

    border-radius:
        65% 35% 62% 38% /
        45% 58% 42% 55%;

    transform: rotate(18deg);
}

.lavPrivacySection li strong {
    color: #4c3b53;
}


/* ==========================================================
   CALLOUTS
========================================================== */

.lavPrivacyCallout,
.lavPrivacyConditional {
    position: relative;

    margin-top: 1.5rem;

    padding:
        1.25rem
        1.35rem;

    border-radius: 18px;
}

.lavPrivacyCallout {
    background:
        linear-gradient(
            135deg,
            rgba(130, 94, 149, 0.09),
            rgba(174, 144, 191, 0.05)
        );

    border:
        1px solid
        rgba(121, 87, 139, 0.14);
}

.lavPrivacyConditional {
    background:
        linear-gradient(
            135deg,
            rgba(177, 139, 89, 0.09),
            rgba(213, 183, 141, 0.05)
        );

    border:
        1px solid
        rgba(171, 130, 79, 0.15);
}

.lavPrivacyCallout strong,
.lavPrivacyConditional strong {
    display: block;

    color: #4c3a54;

    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.4;
}

.lavPrivacyCallout p,
.lavPrivacyConditional p {
    margin-top: 0.5rem;

    font-size: 0.9rem;
    line-height: 1.7;
}


/* ==========================================================
   CONTACT SECTION
========================================================== */

.lavPrivacyContact {
    margin-top: 1rem;

    padding:
        clamp(
            1.5rem,
            4vw,
            2rem
        );

    background:
        rgba(255, 255, 255, 0.68);

    border:
        1px solid
        rgba(108, 79, 123, 0.13);

    border-radius: 24px;

    box-shadow:
        0 18px 50px
        rgba(72, 50, 86, 0.07);
}

.lavPrivacyAddress {
    display: grid;
    gap: 0.45rem;

    margin-top: 1.25rem;

    font-style: normal;
}

.lavPrivacyAddress strong {
    color: #44324d;

    font-size: 1rem;
}

.lavPrivacyAddress a {
    width: fit-content;

    color: #75548a;

    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.4;

    text-decoration-thickness: 1px;
    text-underline-offset: 4px;

    overflow-wrap: anywhere;

    transition:
        color 0.25s ease,
        text-decoration-color 0.25s ease;
}

.lavPrivacyAddress a:hover {
    color: #4f365e;
}

.lavPrivacyContactNote {
    padding-top: 1rem;

    border-top:
        1px solid
        rgba(108, 79, 123, 0.1);

    font-size: 0.87rem !important;
}


/* ==========================================================
   EMERGENCY FOOTER
========================================================== */

.lavPrivacyEmergency {
    display: flex;
    align-items: flex-start;
    gap: 1rem;

    margin-top:
        clamp(
            2.5rem,
            5vw,
            4rem
        );

    padding:
        clamp(
            1.2rem,
            3vw,
            1.6rem
        );

    color: #634351;

    background:
        linear-gradient(
            135deg,
            rgba(157, 91, 115, 0.1),
            rgba(197, 141, 161, 0.05)
        );

    border:
        1px solid
        rgba(157, 91, 115, 0.16);

    border-radius: 22px;
}

.lavPrivacyEmergencyIcon {
    flex: 0 0 auto;

    width: 44px;
    height: 44px;

    display: grid;
    place-items: center;

    color: #985a70;
    background:
        rgba(255, 255, 255, 0.68);

    border-radius: 14px;
}

.lavPrivacyEmergencyIcon svg {
    width: 22px;
    height: 22px;
}

.lavPrivacyEmergency strong {
    display: block;

    color: #593843;

    font-size: 0.98rem;
    line-height: 1.45;
}

.lavPrivacyEmergency p {
    margin: 0.45rem 0 0;

    color: #76616a;

    font-size: 0.88rem;
    line-height: 1.65;
}


/* ==========================================================
   AMBIENT GLOWS
========================================================== */

.lavPrivacyGlow {
    position: absolute;
    z-index: 0;

    border-radius: 50%;

    pointer-events: none;

    filter: blur(14px);
}

.lavPrivacyGlowOne {
    top: 8%;
    left: -180px;

    width: 430px;
    height: 430px;

    background:
        radial-gradient(
            circle,
            rgba(179, 147, 198, 0.14),
            rgba(179, 147, 198, 0)
            70%
        );
}

.lavPrivacyGlowTwo {
    right: -220px;
    bottom: 8%;

    width: 520px;
    height: 520px;

    background:
        radial-gradient(
            circle,
            rgba(135, 99, 156, 0.11),
            rgba(135, 99, 156, 0)
            72%
        );
}


/* ==========================================================
   FOCUS STATES
========================================================== */

.lavPrivacy a:focus-visible {
    outline:
        3px solid
        rgba(109, 78, 129, 0.34);

    outline-offset: 4px;

    border-radius: 6px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 980px) {

    .lavPrivacyLayout {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .lavPrivacySidebarInner {
        position: relative;
        top: auto;
    }

    .lavPrivacyNavigation {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .lavPrivacyContent {
        max-width: none;
    }

}


/* ==========================================================
   SMALL TABLET
========================================================== */

@media (max-width: 680px) {

    .lavPrivacyNavigation {
        grid-template-columns: 1fr;
    }

    .lavPrivacyImportant,
    .lavPrivacyEmergency {
        flex-direction: column;
    }

    .lavPrivacyContentHeader h2 {
        font-size:
            clamp(
                2.45rem,
                11vw,
                3.4rem
            );
    }

}


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

@media (max-width: 520px) {

    .lavPrivacy {
        padding:
            3.75rem
            0;
    }

    .lavPrivacy .container {
        width:
            min(
                calc(100% - 1.4rem),
                1200px
            );
    }

    .lavPrivacySidebarInner {
        padding: 1.1rem;

        border-radius: 20px;
    }

    .lavPrivacySection {
        padding:
            1.8rem
            0;
    }

    .lavPrivacySection h3 {
        font-size:
            clamp(
                1.8rem,
                9vw,
                2.25rem
            );
    }

    .lavPrivacySection p,
    .lavPrivacySection li {
        font-size: 0.93rem;
    }

    .lavPrivacyContact {
        padding: 1.15rem;

        border-radius: 20px;
    }

}


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

@media print {

    .lavPrivacy {
        padding: 0;

        background: #ffffff;
    }

    .lavPrivacyGlow,
    .lavPrivacySidebar {
        display: none !important;
    }

    .lavPrivacyLayout {
        display: block;
    }

    .lavPrivacyContent {
        max-width: none;
    }

    .lavPrivacySection,
    .lavPrivacyContact,
    .lavPrivacyImportant,
    .lavPrivacyEmergency {
        break-inside: avoid;
    }

    .lavPrivacyContact,
    .lavPrivacyImportant,
    .lavPrivacyEmergency,
    .lavPrivacyCallout,
    .lavPrivacyConditional {
        box-shadow: none;

        background: #ffffff;
    }

    .lavPrivacy a {
        color: #000000;

        text-decoration: none;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .lavPrivacy *,
    .lavPrivacy *::before,
    .lavPrivacy *::after {
        scroll-behavior: auto !important;

        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;
    }

}