/**
 * SureCookie structural overrides
 *
 * Wordt geladen ná `surecookie-public` (zie inc/cookie-consent.php), dus na
 * de eigen stylesheet van de plugin. Alleen wat het kleurenpalet niet kan
 * uitdrukken: font, radius, overlay en de z-index stack.
 *
 * Kleuren komen uit de palette-filter in inc/cookie-consent.php — voeg hier
 * geen hex-waarden toe die daar al staan.
 *
 * Let op: dit bestand staat NIET in input.css. Het wordt los enqueued zodat
 * het na de plugin-CSS laadt; via Tailwind zou de volgorde niet kloppen.
 */

:root {
	/* Boven de header (z-50), onder de page-transition overlay (z-9999). */
	--surecookie-z-overlay: 8998;
	--surecookie-z-banner: 8999;
	--surecookie-z-modal: 9000;

	--surecookie-banner-overlay-color: rgba(1, 22, 30, 0.65);
}

#surecookie-root,
.surecookie-banner,
.surecookie-modal {
	font-family: 'Mundial', system-ui, sans-serif;
}

.surecookie-banner,
.surecookie-modal {
	border-radius: 0.5rem;
}

.surecookie-banner button,
.surecookie-modal button,
.surecookie-banner .surecookie-button,
.surecookie-modal .surecookie-button {
	border-radius: 0.5rem;
	font-weight: 500;
	transition: background-color 0.3s ease, color 0.3s ease;
}