/* ==========================================================================
 * consent-theme.css - Timebutler brand skin for CookieConsent v3.
 *
 * Loaded after cookieconsent.css by _includes/analytics-consent.html. Only
 * overrides the library's own custom properties, so upgrading the vendored
 * cookieconsent.css does not clobber the brand.
 *
 * Colours match assets/css/header.css and footer.css. Keep them in step.
 * ========================================================================== */

#cc-main {
	/* Brand */
	--cc-font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--cc-primary-color: #0F1115;
	--cc-secondary-color: #4b5163;
	--cc-link-color: #293FCC;

	/* Surfaces */
	--cc-bg: #ffffff;
	--cc-overlay-bg: rgba(15, 17, 21, .72);
	--cc-modal-border-radius: 12px;
	--cc-btn-border-radius: 8px;

	/* Primary action - Accept all */
	--cc-btn-primary-bg: #293FCC;
	--cc-btn-primary-color: #ffffff;
	--cc-btn-primary-border-color: #293FCC;
	--cc-btn-primary-hover-bg: #16306e;
	--cc-btn-primary-hover-color: #ffffff;
	--cc-btn-primary-hover-border-color: #16306e;

	/* Secondary action - Reject all. Same visual weight as primary, so the
	   choice is not nudged. Required for a valid consent under GDPR. */
	--cc-btn-secondary-bg: #eef0f4;
	--cc-btn-secondary-color: #1b2a4a;
	--cc-btn-secondary-border-color: #eef0f4;
	--cc-btn-secondary-hover-bg: #e2e5ec;
	--cc-btn-secondary-hover-color: #1b2a4a;
	--cc-btn-secondary-hover-border-color: #e2e5ec;

	/* Category blocks */
	--cc-cookie-category-block-bg: #f2f4f9;
	--cc-cookie-category-block-border: #eef0f8;
	--cc-cookie-category-block-hover-bg: #eef0f8;
	--cc-cookie-category-block-hover-border: #e7e8fb;
	--cc-cookie-category-expanded-block-bg: #ffffff;
	--cc-cookie-category-expanded-block-hover-bg: #f2f4f9;
	--cc-separator-border-color: #eef0f4;
	--cc-section-category-border: #eef0f4;

	/* Toggles */
	--cc-toggle-on-bg: #293FCC;
	/* WCAG requires 3:1 for non-text UI components. The previous #b3b8c4 managed
	   only 1.99:1 on white and 1.81:1 on the category block, so a refused
	   category was hard to make out. This is 3.70:1 and 3.36:1. */
	--cc-toggle-off-bg: #7d8598;
	--cc-toggle-on-knob-bg: #ffffff;
	--cc-toggle-off-knob-bg: #ffffff;
	--cc-toggle-enabled-icon-color: #ffffff;
	--cc-toggle-disabled-icon-color: #ffffff;

	/* Footer */
	--cc-footer-bg: #f2f4f9;
	--cc-footer-color: #4b5163;
	--cc-footer-border-color: #eef0f4;
}

/* The vendor list inside each category, rendered as <em> by consent.js. */
#cc-main .cc__link,
#cc-main em {
	color: #4b5163;
	font-style: normal;
	font-size: .875em;
}

/* The library defaults to 384px, which crowds the German copy. 440px matches
   the width of the consentmanager modal this replaces. */
@media (min-width: 480px) {
	#cc-main .cm {
		max-width: 440px;
	}
}

/* "Accept all" and "Reject all" both render as primary buttons, so neither
   choice is nudged. That is deliberate: equal prominence is what the German
   supervisory authorities expect of a valid consent banner. Do not restyle one
   of them as secondary. "Manage preferences" stays visually quieter. */
@media (min-width: 640px) {
	#cc-main .cm__btn {
		min-width: 12rem;
	}
}