/**
 * SureCookie banner — theme overrides
 *
 * Losse stylesheet (geen Tailwind-build): wordt alleen ingeladen als SureCookie
 * actief is, met 'surecookie-public' als dependency. Zie inc/cookie-consent.php.
 *
 * De kleuren zelf komen uit het palette-filter in PHP. Hier staat alleen wat
 * het palette niet kan uitdrukken: overlay, z-index, font en radius.
 *
 * LET OP: de plugin staat lokaal niet geïnstalleerd, dus de variabelen
 * hieronder zijn de gedocumenteerde namen. Controleer op staging in de
 * inspector of de banner de radius en het font echt overneemt — als de plugin
 * z'n radius hardcodet in plaats van via een variabele, verhuist dat blokje
 * naar de Custom CSS van de plugin met het echte selector-pad.
 */

:root {
	/* Overlay achter de banner/modal — navy met transparantie. */
	--surecookie-banner-overlay-color: rgba(20, 20, 44, 0.65);

	/* Boven de sticky header en het mobiele off-canvas menu. */
	--surecookie-z-banner: 10000;
	--surecookie-z-modal: 10001;
	--surecookie-z-overlay: 9999;
}

/* Font: Cairo voor tekst, net als de body van de site. */
[class*='surecookie'],
[id*='surecookie'] {
	font-family: Cairo, system-ui, sans-serif;
}

/* Koppen in Gilroy, zoals elke kop op de site. */
[class*='surecookie'] h1,
[class*='surecookie'] h2,
[class*='surecookie'] h3,
[class*='surecookie'] h4 {
	font-family: Gilroy, system-ui, sans-serif;
	font-weight: 800;
}

/* Buttons zijn rounded-full in dit theme, panelen rounded-2xl (1rem). */
[class*='surecookie'] button,
[class*='surecookie'] a[class*='button'],
[class*='surecookie'] [class*='btn'] {
	border-radius: 9999px;
	font-family: Gilroy, system-ui, sans-serif;
	font-weight: 600;
}

[class*='surecookie'] [class*='banner'],
[class*='surecookie'] [class*='modal'] {
	border-radius: 1rem;
}