/**
 * Cookiebot styling - Matches FOS PR
 * Full styling with branding hidden and layout adjustments
 */

div#CybotCookiebotDialog[data-template='bottom'] {
    width: 100%;
    max-width: 100%;
    border-radius: 0 !important;
    padding: 12px;
}

@media screen and (max-width: 1279px) {
    div#CybotCookiebotDialog[data-template='bottom'] {
        top: 100%;
        transform: translate(-50%, -100%) !important;
    }
}

@media screen and (min-width: 1279px) {
    #CybotCookiebotDialogFooter {
        height: 100%;
        padding: 12px 32px;
    }

    .CybotCookiebotScrollArea {
        display: grid;
        align-items: center;
    }
}

@media screen and (min-width: 1280px) {
    #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
        margin-top: 0 !important;
    }
}

#CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyLevelButtonCustomize
    .CybotCookiebotDialogArrow {
    margin-left: 3px !important;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText,
#CybotCookiebotDialogBodyContentTitle {
  display: none;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none;
}

#CybotCookiebotDialogHeaderLogosWrapper #CybotCookiebotDialogPoweredbyImage {
    display: none;
}

#CybotCookiebotDialog * {
    font-size: 14px !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogHeader {
    padding: 0;
    border-bottom: 0;
}

@media screen and (min-width: 1279px) {
    #CybotCookiebotDialog #CybotCookiebotDialogHeader {
        display: none;
    }
}

#CybotCookiebotDialogBodyContent {
    padding: 0 !important;
}

#CybotCookiebotDialogTabContent {
    margin-left: 0;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails {
    margin: 0 1rem !important;
}

@media screen and (min-width: 1280px) {
    #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
        max-width: 100% !important;
        padding: 0;
    }
}