/*
 * Auto Rent Teqja presentation layer for Cookiebot.
 * Consent structure, labels, order, and behavior remain owned by Cookiebot.
 */

:root {
	--art-cb-bg: #0a0a0a;
	--art-cb-panel: #111111;
	--art-cb-panel-soft: #151515;
	--art-cb-gold: #c9a24a;
	--art-cb-gold-hover: #d8b25c;
	--art-cb-text: #f7f7f4;
	--art-cb-muted: #dcd8cf;
	--art-cb-border: rgba(201, 162, 74, 0.28);
}

html body #CybotCookiebotDialog {
	background: var(--art-cb-bg) !important;
	border: 1px solid var(--art-cb-border) !important;
	border-radius: 16px !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.46), 0 0 0 100vmax rgba(5, 6, 6, 0.58) !important;
	color: var(--art-cb-text) !important;
	font-family: Arial, sans-serif !important;
	max-width: 720px !important;
	overflow: hidden !important;
}

html body #CybotCookiebotDialog *,
html body #CookiebotWidget * {
	font-family: Arial, sans-serif !important;
}

html body #CybotCookiebotDialogHeader,
html body #CybotCookiebotDialogNav,
html body #CybotCookiebotDialogBody,
html body #CybotCookiebotDialogFooter {
	background: var(--art-cb-bg) !important;
	color: var(--art-cb-text) !important;
}

html body #CybotCookiebotDialogHeader {
	border-bottom: 1px solid var(--art-cb-border) !important;
	min-height: 68px !important;
}

html body #CybotCookiebotDialogHeaderLogosWrapper,
html body #CybotCookiebotDialogPoweredbyCybot {
	filter: grayscale(1) brightness(0) invert(1) !important;
	opacity: 0.9 !important;
}

html body #CybotCookiebotDialogNav {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body .CybotCookiebotDialogNavItemLink {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--art-cb-muted) !important;
	font-weight: 650 !important;
}

html body .CybotCookiebotDialogNavItemLink:hover,
html body .CybotCookiebotDialogNavItemLink:focus,
html body .CybotCookiebotDialogNavItemLink[aria-selected="true"],
html body .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
	border-bottom-color: var(--art-cb-gold) !important;
	color: var(--art-cb-gold-hover) !important;
}

html body #CybotCookiebotDialogBodyContent,
html body #CybotCookiebotDialogDetail,
html body #CybotCookiebotDialogDetailBodyContent {
	background: var(--art-cb-bg) !important;
	color: var(--art-cb-muted) !important;
}

html body #CybotCookiebotDialogBodyContentTitle,
html body #CybotCookiebotDialog h2,
html body #CybotCookiebotDialog h3,
html body #CybotCookiebotDialog strong {
	color: var(--art-cb-text) !important;
}

html body #CybotCookiebotDialogBodyContentText,
html body #CybotCookiebotDialog p,
html body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
html body .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
	color: var(--art-cb-muted) !important;
}

html body #CybotCookiebotDialog a:not(.CybotCookiebotDialogBodyButton) {
	color: var(--art-cb-gold-hover) !important;
}

html body #CybotCookiebotDialogBodyLevelButtonsSelectPane {
	background: var(--art-cb-panel) !important;
	border-color: var(--art-cb-border) !important;
}

html body .CybotCookiebotDialogBodyLevelButtonWrapper {
	background: transparent !important;
	border-color: var(--art-cb-border) !important;
	color: var(--art-cb-text) !important;
}

html body .CybotCookiebotDialogBodyLevelButtonWrapper label,
html body .CybotCookiebotDialogBodyLevelButtonWrapper strong,
html body .CybotCookiebotDialogBodyLevelButtonWrapper span {
	color: var(--art-cb-text) !important;
}

html body .CybotCookiebotDialogBodyLevelButtonSlider {
	background-color: #394144 !important;
	border-color: transparent !important;
}

html body input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
	background-color: var(--art-cb-gold) !important;
}

html body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonsSelectPane {
	gap: 10px !important;
	padding: 14px 20px 20px !important;
}

html body #CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
	border-radius: 10px !important;
	font-size: 14px !important;
	font-weight: 750 !important;
	letter-spacing: 0.01em !important;
	min-height: 52px !important;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}

html body #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover {
	transform: translateY(-1px) !important;
}

html body #CybotCookiebotDialogBodyButtonDecline {
	background: var(--art-cb-gold) !important;
	border: 1px solid var(--art-cb-gold) !important;
	color: #080808 !important;
}

html body #CybotCookiebotDialogBodyButtonDecline:hover,
html body #CybotCookiebotDialogBodyButtonDecline:focus {
	background: var(--art-cb-gold-hover) !important;
	border-color: var(--art-cb-gold-hover) !important;
}

html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
	background: transparent !important;
	border: 1px solid var(--art-cb-gold) !important;
	color: var(--art-cb-gold-hover) !important;
}

html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:focus {
	background: rgba(212, 175, 79, 0.1) !important;
}

html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
	background: var(--art-cb-gold) !important;
	border: 1px solid var(--art-cb-gold) !important;
	color: #111414 !important;
}

html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
html body #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:focus {
	background: var(--art-cb-gold-hover) !important;
	border-color: var(--art-cb-gold-hover) !important;
}

html body #CybotCookiebotDialog button:focus-visible,
html body #CybotCookiebotDialog a:focus-visible,
html body #CookiebotWidget button:focus-visible,
html body #CookiebotWidget a:focus-visible {
	outline: 3px solid rgba(226, 195, 111, 0.72) !important;
	outline-offset: 2px !important;
}

html body #CybotCookiebotDialogBodyEdgeMoreDetails {
	background: var(--art-cb-panel) !important;
	border-color: var(--art-cb-border) !important;
	color: var(--art-cb-gold-hover) !important;
}

html body #CookiebotWidget .CookiebotWidget-body {
	background: var(--art-cb-bg) !important;
	border: 1px solid var(--art-cb-border) !important;
	border-radius: 18px !important;
	box-shadow: 0 18px 56px rgba(0, 0, 0, 0.38) !important;
	color: var(--art-cb-text) !important;
	overflow: hidden !important;
}

html body #CookiebotWidget .CookiebotWidget-body h2,
html body #CookiebotWidget .CookiebotWidget-body h3,
html body #CookiebotWidget .CookiebotWidget-body strong,
html body #CookiebotWidget .CookiebotWidget-body span {
	color: var(--art-cb-text) !important;
}

html body #CookiebotWidget .CookiebotWidget-body a,
html body #CookiebotWidget .CookiebotWidget-consent-details button {
	color: var(--art-cb-gold-hover) !important;
}

html body #CookiebotWidget .CookiebotWidget-logo {
	background: var(--art-cb-bg) !important;
	border: 1px solid var(--art-cb-gold) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28) !important;
}

html body #CookiebotWidget .CookiebotWidget-logo svg {
	color: var(--art-cb-gold) !important;
	fill: var(--art-cb-gold) !important;
}

html body #CookiebotWidget-btn-withdraw,
html body #CookiebotWidget-btn-change {
	border-radius: 9px !important;
	font-weight: 750 !important;
	min-height: 48px !important;
}

html body #CookiebotWidget-btn-withdraw {
	background: var(--art-cb-panel-soft) !important;
	border: 1px solid rgba(255, 255, 255, 0.34) !important;
	color: var(--art-cb-text) !important;
}

html body #CookiebotWidget-btn-change {
	background: var(--art-cb-gold) !important;
	border: 1px solid var(--art-cb-gold) !important;
	color: #111414 !important;
}

/* Keep both the closed trigger and open settings panel clear of the site's
 * fixed mobile/tablet action dock. Positioning the widget root covers both
 * Cookiebot states without depending on Cookiebot's transient open class. */
@media (max-width: 1024px) {
	html body #CookiebotWidget {
		bottom: 84px !important;
		left: 12px !important;
		right: auto !important;
	}

	html body #CookiebotWidget .CookiebotWidget-body {
		max-height: calc(100vh - 108px) !important;
		max-height: calc(100dvh - 108px) !important;
	}
}

@media (max-width: 767px) {
	html body #CybotCookiebotDialog {
		border-radius: 16px !important;
		max-height: calc(100vh - 24px) !important;
		max-height: calc(100dvh - 24px) !important;
		width: calc(100% - 24px) !important;
	}

	html body #CybotCookiebotDialogHeader {
		min-height: 58px !important;
	}

	html body #CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
		min-height: 48px !important;
	}

	html body #CookiebotWidget .CookiebotWidget-body {
		border-radius: 16px !important;
		max-width: calc(100vw - 20px) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body #CybotCookiebotDialog *,
	html body #CookiebotWidget * {
		animation: none !important;
		transition: none !important;
	}
}