/**
 * SureCookie — structurele overrides
 *
 * LET OP: dit bestand gaat NIET door de Tailwind-build. Het wordt los
 * ingeladen ná `surecookie-public` (zie inc/cookie-consent.php), zodat de
 * volgorde vaststaat. Alleen platte CSS hier — geen @apply, geen
 * Tailwind-klassen.
 *
 * De kleuren zelf staan niet hier maar in het paletfilter in
 * inc/cookie-consent.php; die schrijft SureCookie zelf als custom properties
 * naar :root. Wat hieronder staat is alles wat het palet niet kan uitdrukken.
 */

:root {
	/* Z-index-stapel van het thema:
	   header 40 · mobiel menu 100 · modal 120 · skip-link 200.
	   De consent-laag hoort daar overheen — het is een poort, geen overlay. */
	--surecookie-z-overlay: 9990;
	--surecookie-z-banner: 9995;
	--surecookie-z-modal: 10000;

	/* Zelfde dimlaag als .modal__backdrop (bg-ink/70). */
	--surecookie-banner-overlay-color: rgba(5, 4, 2, 0.7);
}

/* Commissioner in plaats van de systeemfont van de plugin. Een attribuutselector
   omdat de exacte klassenamen per pluginversie kunnen verschillen. */
[id^='surecookie'],
[id^='surecookie'] button,
[id^='surecookie'] input,
[class*='surecookie'] {
	font-family: 'Commissioner', system-ui, sans-serif;
}

/* Na installatie na te lopen: knop-radius (het thema gebruikt pill, 999px),
   knop-padding en de koptypografie. Die zitten aan de eigen klassenamen van
   SureCookie vast en zijn zonder de plugin geïnstalleerd niet te verifiëren —
   vul ze hier aan zodra de echte markup zichtbaar is. */