/* =====================================================
   ADMITH LEGACY — COOKIE CONSENT
===================================================== */


/* =====================================================
   CONSENT BANNER
===================================================== */

.cookie-consent {

    position:
        fixed;

    left:
        24px;

    right:
        24px;

    bottom:
        24px;

    z-index:
        9999;

    max-width:
        1100px;

    margin:
        0 auto;

    padding:
        24px 28px;

    border:
        1px solid rgba(255, 255, 255, 0.12);

    border-radius:
        20px;

    background:
        rgba(17, 17, 17, 0.96);

    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.25);

    color:
        #ffffff;

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

}


.cookie-consent-content {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

}


.cookie-consent-copy {

    max-width:
        700px;

}


.cookie-consent-label {

    display:
        block;

    margin-bottom:
        8px;

    color:
        #5bb780;

    font-size:
        0.7rem;

    font-weight:
        700;

    letter-spacing:
        0.14em;

    text-transform:
        uppercase;

}


.cookie-consent h2 {

    margin:
        0 0 8px;

    color:
        #ffffff;

    font-size:
        1.15rem;

}


.cookie-consent p {

    margin:
        0;

    color:
        rgba(255, 255, 255, 0.7);

    font-size:
        0.88rem;

    line-height:
        1.7;

}


.cookie-consent a {

    color:
        #5bb780;

    text-decoration:
        underline;

}


.cookie-consent-actions {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;

}


/* =====================================================
   BUTTONS
===================================================== */

.cookie-consent-button {

    min-height:
        44px;

    padding:
        0 18px;

    border:
        1px solid transparent;

    border-radius:
        999px;

    font:
        inherit;

    font-size:
        0.8rem;

    font-weight:
        700;

    cursor:
        pointer;

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

}


.cookie-consent-button:hover {

    transform:
        translateY(-2px);

}


.cookie-consent-button--primary {

    background:
        #5bb780;

    color:
        #111111;

}


.cookie-consent-button--secondary {

    border-color:
        rgba(255, 255, 255, 0.2);

    background:
        transparent;

    color:
        #ffffff;

}


.cookie-consent-button--settings {

    border-color:
        rgba(255, 255, 255, 0.2);

    background:
        transparent;

    color:
        #ffffff;

}


/* =====================================================
   SETTINGS MODAL
===================================================== */

.cookie-settings {

    position:
        fixed;

    inset:
        0;

    z-index:
        10000;

    display:
        grid;

    place-items:
        center;

    padding:
        24px;

}


.cookie-settings-overlay {

    position:
        absolute;

    inset:
        0;

    background:
        rgba(0, 0, 0, 0.65);

    backdrop-filter:
        blur(8px);

}


.cookie-settings-dialog {

    position:
        relative;

    z-index:
        1;

    width:
        min(100%, 620px);

    max-height:
        90vh;

    overflow-y:
        auto;

    padding:
        40px;

    border-radius:
        24px;

    background:
        #ffffff;

    color:
        #383838;

    box-shadow:
        0 30px 100px rgba(0, 0, 0, 0.3);

}


.cookie-settings-dialog h2 {

    margin:
        0 0 15px;

    color:
        #111111;

    font-size:
        2rem;

}


.cookie-settings-dialog > p {

    margin:
        0 0 30px;

    color:
        #707070;

    line-height:
        1.7;

}


.cookie-settings-close {

    position:
        absolute;

    top:
        18px;

    right:
        20px;

    width:
        40px;

    height:
        40px;

    border:
        0;

    border-radius:
        50%;

    background:
        #f1f3f1;

    color:
        #111111;

    font-size:
        1.5rem;

    cursor:
        pointer;

}


/* =====================================================
   COOKIE CATEGORY
===================================================== */

.cookie-category {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    padding:
        22px 0;

    border-top:
        1px solid rgba(17, 17, 17, 0.1);

}


.cookie-category strong {

    display:
        block;

    margin-bottom:
        5px;

    color:
        #111111;

}


.cookie-category p {

    margin:
        0;

    color:
        #707070;

    font-size:
        0.85rem;

    line-height:
        1.6;

}


.cookie-category-status {

    white-space:
        nowrap;

    color:
        #3f9566;

    font-size:
        0.75rem;

    font-weight:
        700;

}


/* =====================================================
   SWITCH
===================================================== */

.cookie-switch {

    position:
        relative;

    display:
        inline-flex;

    width:
        48px;

    height:
        26px;

    flex-shrink:
        0;

}


.cookie-switch input {

    opacity:
        0;

    width:
        0;

    height:
        0;

}


.cookie-switch-slider {

    position:
        absolute;

    inset:
        0;

    border-radius:
        999px;

    background:
        #d8d8d8;

    cursor:
        pointer;

    transition:
        background 0.25s ease;

}


.cookie-switch-slider::before {

    content:
        "";

    position:
        absolute;

    width:
        20px;

    height:
        20px;

    left:
        3px;

    top:
        3px;

    border-radius:
        50%;

    background:
        #ffffff;

    transition:
        transform 0.25s ease;

}


.cookie-switch input:checked + .cookie-switch-slider {

    background:
        #5bb780;

}


.cookie-switch input:checked + .cookie-switch-slider::before {

    transform:
        translateX(22px);

}


/* =====================================================
   MODAL ACTIONS
===================================================== */

.cookie-settings-actions {

    display:
        flex;

    justify-content:
        flex-end;

    gap:
        10px;

    margin-top:
        30px;

}


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

@media (max-width: 700px) {

    .cookie-consent {

        left:
            12px;

        right:
            12px;

        bottom:
            12px;

        padding:
            22px;

    }


    .cookie-consent-content {

        flex-direction:
            column;

        align-items:
            stretch;

    }


    .cookie-consent-actions {

        display:
            grid;

        grid-template-columns:
            1fr;

    }


    .cookie-consent-button {

        width:
            100%;

    }


    .cookie-settings-dialog {

        padding:
            30px 22px;

    }


    .cookie-category {

        align-items:
            flex-start;

    }


    .cookie-settings-actions {

        flex-direction:
            column;

    }

}

.cookie-consent[hidden],
.cookie-settings[hidden] {

    display: none !important;

}

.footer-cookie-preferences {

    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    cursor: pointer;

}

.footer-cookie-preferences:hover,
.footer-cookie-preferences:focus-visible {

    color: var(--primary-green, #3b9f6f);
    text-decoration: underline;

}