/**
* Prevents the site styles from messing up the Cookiebot
* banner and dialog styles.
*/
#CybotCookiebotDialog,
#CookiebotWidget {
    
    /* Prevents custom list bullets from appearing */
    ol li,
    ul li {
        list-style: none !important;
    
        &:before {
            display: none !important;
        }
    }
    
    /* Prevents the site button styles to overwrite the following */
    button {
        box-shadow: none !important;
        text-transform: none !important;
        white-space: normal !important;
        
        &:after {
            display: none !important;
        }
    }

    /* Fixes the checkbox not working on some sites due to checked and unchecked versions being position absolute. */
    [type="checkbox"] {
        position: static !important;
    }
	
	.new-window-icon {
		display: none !important;
	}
}

/* Noticed on some sites the button wasn't aligned with the checkbox. */
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons {
    align-items: flex-start !important;
    gap: 0.8rem !important;
}

/* Nice looking "Please accept cookies" message. */
div.cookieconsent-optout-marketing,
div.cookieconsent-optout-statistics,
div.cookieconsent-optout-preferences {
    &:not(#boost) {
        border-radius: 5px;
        background-color: rgba(0, 0, 0, 0.9);
        background-image: linear-gradient(135deg, rgba(97, 97, 97, 1) 0%, rgba(0, 0, 0, 1) 89%);
        color: white;
        padding: 1rem !important;
        text-align: center;
    
        a {
            color: white;
            text-decoration: underline;
    
            &:active,
            &:focus,
            &:hover {
                text-decoration: none;
            }
        }
    }
}