/**
 * SureCookie structural overrides
 *
 * Colours are pinned in PHP through the `surecookie_resolved_palette_colors`
 * filter (see inc/cookie-consent.php). This file only carries what the palette
 * cannot express: font, radius, overlay tint and the z-index stack.
 *
 * Plain CSS on purpose -- this stylesheet is enqueued directly after
 * `surecookie-public` and never passes through the Tailwind build, so it must
 * not contain @apply or any other Tailwind directive.
 */

:root {
	/* Sits above the theme's own stack: header z-[99], logo z-[110],
	   mobile menu z-[90], menu overlay z-[85]. */
	--surecookie-z-overlay: 9998;
	--surecookie-z-banner: 9999;
	--surecookie-z-modal: 10000;

	--surecookie-banner-overlay-color: rgba(2, 14, 21, 0.65);
}

/* Figtree, matching the theme body font. */
#surecookie-public-root,
#surecookie-public-root button,
#surecookie-public-root input,
#surecookie-public-root select,
#surecookie-public-root textarea {
	font-family: 'Figtree', system-ui, sans-serif;
}

/* Buttons follow the theme button radius (rounded-[3px]). */
#surecookie-public-root button {
	border-radius: 3px;
}