/**
 * CookieAdmin mobiel: banner boven de Netflix-onderbalk.
 * Selectors: CookieAdmin gebruikt prefixed id/class (cookieadmin-*).
 */
@media (max-width: 768px) {
	.ksgr-mobile-tabs {
		z-index: 100030;
	}

	:is(
		#cookieadmin-consent,
		#cookieadmin-consent-banner,
		#cookieadmin-banner,
		#cookieadmin-notice,
		.cookieadmin-consent-banner,
		.cookieadmin-consent-notice,
		.cookieadmin-consent-bar,
		.cookieadmin-notice,
		.cookieadmin-banner,
		[id^="cookieadmin-"][id*="consent"],
		[id^="cookieadmin-"][id*="banner"],
		[class^="cookieadmin-"][class*="consent"][class*="banner"],
		[class^="cookieadmin-"][class*="notice"]
	) {
		bottom: calc(var(--ksgr-mobile-tabs-height, 4.25rem) + env(safe-area-inset-bottom, 0px) + var(--ksgr-mobile-vv-offset, 0px)) !important;
		left: 0 !important;
		right: 0 !important;
		max-width: 100% !important;
		z-index: 100020 !important;
	}

	/* Voorkeuren-modal / re-consent knop */
	:is(
		.cookieadmin-preference-modal,
		.cookieadmin-preferences-modal,
		[class^="cookieadmin-"][class*="preference"],
		[class^="cookieadmin-"][class*="reconsent"],
		[id^="cookieadmin-"][class*="preference"]
	) {
		z-index: 100025 !important;
	}

	[class^="cookieadmin-"][class*="reconsent"],
	[id^="cookieadmin-"][id*="reconsent"] {
		bottom: calc(var(--ksgr-mobile-tabs-height, 4.25rem) + env(safe-area-inset-bottom, 0px) + var(--ksgr-mobile-vv-offset, 0px) + 0.5rem) !important;
		z-index: 100025 !important;
	}
}