/* ============================================================
   GLOBAL
   Allows page scrolling by removing the Cookiebot gray overlay
============================================================ */
#CybotCookiebotDialogOverlay {
    display: none !important;
    pointer-events: none !important;
}

#CybotCookiebotDialogBodyButtonsWrapper button {
	color: #ffffff !important;
        background-color: #000000 !important;
        border: none !important;
}

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

@media (max-width: 1279px) {

    /* --- HIDE HEADER --- */
    #CybotCookiebotDialogHeader {
        display: none !important;
    }

    #CybotCookiebotDialog {
        /* POSITION FIX: Stick the dialog to the bottom */
        top: auto !important;
        bottom: 0 !important; /* Flush with the bottom edge */
        left: 0 !important;
        right: 0 !important;
        transform: none !important;

        /* FULL-WIDTH BAR LAYOUT */
        width: 100% !important; /* Span the full viewport width */
        max-width: 100% !important;
        padding: 10px !important;
        min-height: unset !important;
        max-height: calc(40% - 16px) !important;
        border-radius: 0 !important; /* Square corners for a banner look */
    }

    #CybotCookiebotDialogBody {
        padding: 0 !important;
    }

    #CybotCookiebotDialogBodyContent {
        font-size: 10px !important;
        line-height: 1.6 !important;
        margin: 6px 0 !important;
    }

    /* --- BUTTON CONTAINER --- */
    #CybotCookiebotDialogBodyButtonsWrapper {
        /* LAYOUT FIX: Keep buttons side by side */
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;

        gap: 6px !important;
        margin-top: 8px !important;

        
    }

    /* --- INDIVIDUAL BUTTONS --- */
    #CybotCookiebotDialogBodyButtonsWrapper button {
        /* Make both buttons share the available space */
        flex: 1 !important;
        margin: 0 !important;

        min-height: 28px !important;
        padding: 4px 8px !important;
        font-size: 8px !important;
        border-radius: 4px !important;
    }

    #CybotCookiebotDialogBodyButtonDecline {
        white-space: nowrap !important;
    }

    #CybotCookiebotDialogNav {
        padding-bottom: 4px !important;
    }

    #CybotCookiebotDialogPoweredbyCybot {
        transform: scale(.65);
        transform-origin: right top;
    }
}

/* =========================
   DESKTOP
========================= */

@media (min-width: 1024px) {

    /* KEEP ORIGINAL DESKTOP STYLES */
    #CybotCookiebotDialog {
        padding: 8px 16px !important;
        min-height: unset !important;
    }

    #CybotCookiebotDialogBodyContent {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }

    #CybotCookiebotDialogBodyButtonsWrapper button {
        min-height: 32px !important;
        padding: 6px 12px !important;
        font-size: 10px !important;
    }
}