/**
 * SureCookie structural overrides
 *
 * Plain CSS — this file is enqueued straight after `surecookie-public` and is
 * not part of the Tailwind build. Colours come from the palette filter in
 * inc/cookie-consent.php; only what the palette cannot express lives here.
 */

:root {
	/* Above the sticky header (z-50) and the mobile menu (z-[100]). */
	--surecookie-z-banner: 1000;
	--surecookie-z-overlay: 1005;
	--surecookie-z-modal: 1010;

	--surecookie-banner-overlay-color: rgba(4, 33, 64, 0.65);

	/* Huisstijl is scherp: geen afgeronde hoeken. */
	--surecookie-banner-border-radius: 0;
	--surecookie-banner-button-border-radius: 0;
}

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

#surecookie-root h2,
#surecookie-root h3,
.surecookie-banner h2,
.surecookie-banner h3,
.surecookie-modal h2,
.surecookie-modal h3 {
	font-family: 'Titillium Web', system-ui, sans-serif;
	font-weight: 700;
}

/* Scherpe hoeken doordrukken op alles wat de plugin zelf afrondt. */
#surecookie-root button,
#surecookie-root a[role='button'],
#surecookie-root [class*='rounded'],
.surecookie-banner,
.surecookie-modal {
	border-radius: 0;
}