/* COOKIE CONSENT: the Complianz banner in the theme's dress (RELAUNCH-NOTES §9.116).

   Complianz writes its colours into CSS variables, one file per banner
   (uploads/complianz/css/banner-{id}-optin.css, on :root). They are re-pointed
   here at the theme tokens on the banner itself, which wins over :root, so each
   of the four sites gets its own cream, sand and brand without four banner
   configurations drifting apart. The colours saved in Complianz match these and
   only feed its admin preview.

   Every selector starts with `body`. Complianz's banner-{id}-optin.css loads after
   the theme's stylesheets with the same selectors, so without that one extra
   element of specificity it wins every tie. */
body .cmplz-cookiebanner {
	--cmplz_banner_background_color: var(--cream);
	--cmplz_banner_border_color: var(--sand);
	--cmplz_text_color: var(--ink);
	--cmplz_hyperlink_color: var(--ink);
	--cmplz_button_accept_background_color: var(--gold);
	--cmplz_button_accept_border_color: var(--gold);
	--cmplz_button_accept_text_color: #fff;
	--cmplz_button_deny_background_color: transparent;
	--cmplz_button_deny_border_color: var(--ink);
	--cmplz_button_deny_text_color: var(--ink);
	--cmplz_button_settings_background_color: transparent;
	--cmplz_button_settings_border_color: var(--ink);
	--cmplz_button_settings_text_color: var(--ink);
	--cmplz_slider_active_color: var(--gold);
	--cmplz_slider_inactive_color: var(--line);
	--cmplz_category_header_always_active_color: var(--gold);
	--cmplz_banner_border_radius: 0;
	--cmplz_button_border_radius: 0;
	font-family: var(--font-body);
}

/* The wall behind the banner: the page's ink rather than Complianz's flat black. */
body .cmplz-soft-cookiewall { background-color: rgba(37, 32, 30, 0.6); }

/* Title and buttons in the display face, uppercase, like every heading and
   button on the sites. */
body .cmplz-cookiebanner .cmplz-title {
	font-family: var(--font-display);
	font-size: 1.5rem;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 400;
}
body .cmplz-cookiebanner .cmplz-message,
body .cmplz-cookiebanner .cmplz-message p { font-weight: 300; line-height: 1.6; }

body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	height: auto;
	min-height: 48px;
	padding: 12px 20px;
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	white-space: normal;
	transition: background-color .2s ease, color .2s ease;
}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover { background-color: color-mix(in srgb, var(--gold) 90%, #fff); }
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover { background-color: var(--sand); }

/* Category rows sit on sand, not Complianz's grey. */
body .cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: var(--sand); }

/* The links row (Cookie-Richtlinie, Datenschutz, Impressum) reads as the footer's
   legal links do: small and underlined, with gold on hover. */
body .cmplz-cookiebanner .cmplz-links .cmplz-link { text-decoration: underline; text-underline-offset: 3px; }
body .cmplz-cookiebanner .cmplz-links .cmplz-link:hover { color: var(--gold); }