/* Cookiebot layout fixes — mobile only. Desktop keeps default Cookiebot behaviour. */

@media (max-width: 767.98px) {
    html {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    body {
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    body.CybotCookiebotDialogActive,
    body.CybotCookiebotDialogActive #page,
    body.CybotCookiebotDialogActive #page-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
        right: 0 !important;
        overflow-x: hidden !important;
    }

    #page,
    #page-wrapper,
    #page.drawers,
    #page.drawers .main-inner,
    #page-content,
    #region-main,
    #page-site-index .main-inner,
    .drawers .main-inner {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #CybotCookiebotDialog,
    #CybotCookiebotDialogBodyUnderlay,
    #CybotCookiebotDialogDetail,
    #CybotCookiebotDialogBody,
    #CybotCookiebotDialogBodyContent,
    #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper,
    #CybotCookiebotDialogTabContent,
    #CybotCookiebotDialogNav,
    #CybotCookiebotDialogFooter,
    #CybotCookiebotDialogBodyButtons,
    #CybotCookiebotDialogBodyButtonsWrapper,
    #CybotCookiebotDialogBodyLevelButtons,
    #CybotCookiebotDialogBodyLevelButtonWrapper {
        box-sizing: border-box !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #CybotCookiebotDialog,
    #CybotCookiebotDialog.CybotEdge {
        position: fixed !important;
        top: 1% !important;
        bottom: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: 98vh !important;
        margin: 0 !important;
        transform: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 2147483647 !important;
    }

    #CybotCookiebotDialogBodyUnderlay {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 2147483646 !important;
    }

    #CybotCookiebotDialogNav {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItem,
    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
    }

    #CybotCookiebotDialogFooter,
    #CybotCookiebotDialogBodyButtons,
    #CybotCookiebotDialogBodyButtonsWrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        width: 100% !important;
    }

    #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton,
    #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    #CybotCookiebotDialogFooter,
    #CybotCookiebotDialogBodyButtons {
        position: sticky !important;
        bottom: 0 !important;
        z-index: 2 !important;
        background: #ffffff !important;
        padding-top: 8px !important;
        padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
    }

    #CybotCookiebotDialogBodyContent,
    #CybotCookiebotDialogTabContent {
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    #CybotCookiebotDialogBodyLevelButtons,
    #CybotCookiebotDialogBodyLevelButtonWrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    #CybotCookiebotHiddenIframe,
    iframe[id*="CybotCookiebot"] {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        pointer-events: none !important;
    }

    #CookiebotWidget {
        z-index: 2147483631 !important;
    }

    #CookiebotWidgetUnderlay,
    #CookiebotWidget + #CookiebotWidgetUnderlay {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        z-index: 2147483630 !important;
        left: 0 !important;
        right: 0 !important;
    }

    #CookiebotWidget.CookiebotWidget-open #CookiebotWidget-widgetContent,
    #CookiebotWidget.CookiebotWidget-open .CookiebotWidget-contents {
        max-width: calc(100vw - 20px) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #CookiebotWidget .CookiebotWidget-contents,
    #CookiebotWidget-widgetContent {
        overflow-x: hidden !important;
        word-break: break-word !important;
    }
}