/**
 * Cookiebot CMP banner / widget overrides.
 *
 * Loaded only when Cookiebot is active (see inc/cookiebot.php).
 */

/* Branding — https://support.cookiebot.com/hc/en-us/articles/4403482346514 */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
	display: none;
}

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

#CybotCookiebotDialogBodyContentTitle {
	display: none !important;
}

/* Keep Cookiebot default stack; site Montserrat otherwise inherits. */
#CybotCookiebotDialog,
#CybotCookiebotDialog *:not(svg):not(path) {
	font-family: sans-serif !important;
}

#CookiebotWidget,
#CookiebotWidget *:not(svg):not(path) {
	font-family: sans-serif !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
	width: unset !important;
	border-radius: 10px !important;
	padding: 8px 16px !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogArrow {
	display: none !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover,
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton:focus-visible {
	background-color: #fff !important;
	color: #a6192e !important;
	border-color: #a6192e !important;
}

#CybotCookiebotDialogPoweredbyImage {
	max-height: 3em !important;
}

@media screen and (min-width: 1280px) {
	#CybotCookiebotDialogPoweredbyImage {
		max-height: 3.125em !important;
	}
}

/*
 * Nav tabs: site :focus-visible uses outline-offset: 2px, which gets clipped by
 * #CybotCookiebotDialogNavList { overflow: auto } and the dialog's overflow:hidden.
 * Keep the ring inside the tab so all four sides stay visible.
 */
#CybotCookiebotDialogNavList .CybotCookiebotDialogNavItemLink:focus-visible {
	outline: 3px solid #007DB3 !important;
	outline-offset: -5px !important;
}

/* Consent toggles: match site blue focus (not Cookiebot highlight red).
 * The input is opacity:0; also ring the visible slider sibling. */
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelConsentCheckbox:focus-visible {
	outline: 3px solid #007DB3 !important;
	outline-offset: 2px !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelConsentCheckbox:focus-visible + .CybotCookiebotDialogBodyLevelButtonSlider {
	outline: 3px solid #007DB3 !important;
	outline-offset: 2px !important;
}
