/**
 * Complianz cookie banner — the shop's own type, not the theme's inherited type.
 *
 * WHY THIS FILE EXISTS (measured on the clone, 2026-10-15):
 *   The banner rendered in Open Sans at 12px with letter-spacing 1px, while every heading and
 *   button the design touches uses the system-UI stack. It looked like a different website
 *   wearing the shop's colours.
 *
 * WHY IT NEEDS NO `!important` AND WINS NO SPECIFICITY FIGHT — both facts were read out of the
 * banner's own generated stylesheet (`uploads/complianz/css/banner-1-optin.css`), not assumed:
 *
 *   1. THAT FILE NEVER SETS `font-family`. The banner's font-family is INHERITED from the theme,
 *      so any explicit rule beats it. Same story for `letter-spacing`: the 1px comes from the
 *      theme's own `body` rule and only inherits in here.
 *      ⚠️ `letter-spacing: 1px` is this project's D-095 trap — it INHERITS, and it is what made
 *      the type look wrong even when the font-family was already correct. Reset it, do not skip it.
 *
 *   2. EVERY SIZE IN THAT FILE COMES FROM A CUSTOM PROPERTY SET ON `:root` —
 *      `var(--cmplz_text_font_size)` and so on. Redefining those properties ON THE BANNER is
 *      enough: custom properties inherit, so the banner's descendants resolve to these values.
 *      That is why this file changes sizes WITHOUT a single selector battle.
 *
 * Scope: every rule is under `.cmplz-cookiebanner`, so nothing else on the site can be repainted.
 * Removing this file (one `require`/enqueue line in functions.php) is the whole rollback.
 *
 * ⚠️ NOT TOUCHED ON PURPOSE: the Accept / Deny buttons' geometry. Measured at 45px tall with a
 * 6px radius — already above the 44px tap-target floor, so there was nothing to fix.
 * `--cmplz_button_font_size` is nudged for legibility only.
 */

.cmplz-cookiebanner {
	/* The design's stack — the same one the header, hero, landing sections and buttons use. */
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	font-size: 15px;

	/* Neutralise what the theme inherits into the banner. Do not remove: see the note above. */
	letter-spacing: normal;
	word-spacing: normal;

	/* Complianz's own size variables, raised from 12/14/15px to read like the rest of the shop. */
	--cmplz_title_font_size: 17px;
	--cmplz_text_font_size: 15px;
	--cmplz_category_header_title_font_size: 15px;
	--cmplz_category_header_active_font_size: 13px;
	--cmplz_category_body_font_size: 14px;
	--cmplz_button_font_size: 16px;
	--cmplz_link_font_size: 14px;
}