/*
 * OW Brand-Styling für Complianz Cookie Banner.
 * 2026-05-16 Stronger selectors: html body .cmplz-cookiebanner.banner-1.banner-a etc.
 * Brand-Tokens: #2E4ED2 (Hauptfarbe), #EE9DD6 (Highlight), #F7F8EF (Cream), #0B2536 (Dark Ink).
 * Lädt via ow-ads-tracking Plugin (siehe class-ow-ads-consent.php::enqueue_brand_css).
 */

/* CSS Custom Properties — überschreibt die :root vars die Complianz selbst setzt */
:root,
.cmplz-cookiebanner,
.cmplz-manage-consent {
	--cmplz_banner_background_color: #F7F8EF !important;
	--cmplz_banner_border_color: #2E4ED2 !important;
	--cmplz_text_color: #0B2536 !important;
	--cmplz_hyperlink_color: #2E4ED2 !important;
	--cmplz_button_accept_background_color: #2E4ED2 !important;
	--cmplz_button_accept_border_color: #2E4ED2 !important;
	--cmplz_button_accept_text_color: #F7F8EF !important;
	--cmplz_button_deny_background_color: transparent !important;
	--cmplz_button_deny_border_color: #2E4ED2 !important;
	--cmplz_button_deny_text_color: #2E4ED2 !important;
	--cmplz_button_settings_background_color: transparent !important;
	--cmplz_button_settings_border_color: #2E4ED2 !important;
	--cmplz_button_settings_text_color: #2E4ED2 !important;
	--cmplz_slider_active_color: #2E4ED2 !important;
	--cmplz_slider_inactive_color: #c4c8d8 !important;
	--cmplz_slider_bullet_color: #F7F8EF !important;
	--cmplz_category_header_always_active_color: #2E4ED2 !important;
}

/* Hard-Override gegen banner-X-Y-Sub-Klassen die in Complianz-CSS Specificity gewinnen */
html body .cmplz-cookiebanner,
html body .cmplz-cookiebanner.banner-1,
html body .cmplz-cookiebanner.banner-a,
html body .cmplz-cookiebanner.banner-1.banner-a,
html body div.cmplz-cookiebanner,
html body .cmplz-cookiebanner-container .cmplz-cookiebanner {
	font-family: "Adobe Caslon Pro", Georgia, "Times New Roman", serif !important;
	background: #F7F8EF !important;
	background-color: #F7F8EF !important;
	color: #0B2536 !important;
	border: 1px solid rgba(11,37,54,.08) !important;
	border-radius: 12px !important;
	box-shadow: 0 8px 32px rgba(11,37,54,.16) !important;
}

.cmplz-cookiebanner .cmplz-header,
.cmplz-cookiebanner .cmplz-title {
	color: #0B2536 !important;
	font-family: "League Gothic", "Oswald", "Bebas Neue", Impact, sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: .04em !important;
}

.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner p {
	color: #0B2536 !important;
	line-height: 1.5 !important;
}

.cmplz-cookiebanner a {
	color: #2E4ED2 !important;
	text-decoration: underline !important;
}

.cmplz-cookiebanner a:hover {
	color: #1c34a8 !important;
}

/* Buttons — alle gleich groß und gleichwertig dargestellt (DSGVO-Pflicht) */
.cmplz-cookiebanner .cmplz-btn,
.cmplz-cookiebanner button.cmplz-accept,
.cmplz-cookiebanner button.cmplz-deny,
.cmplz-cookiebanner button.cmplz-view-preferences,
.cmplz-cookiebanner button.cmplz-save-preferences {
	font-family: "League Gothic", "Oswald", "Bebas Neue", Impact, sans-serif !important;
	font-size: 1rem !important;
	letter-spacing: .06em !important;
	font-weight: 400 !important;
	padding: .6rem 1.2rem !important;
	border-radius: 6px !important;
	border: 1px solid #2E4ED2 !important;
	cursor: pointer !important;
	transition: background .15s ease, color .15s ease !important;
	min-width: 7rem !important;
}

.cmplz-cookiebanner button.cmplz-accept {
	background: #2E4ED2 !important;
	color: #F7F8EF !important;
}

.cmplz-cookiebanner button.cmplz-accept:hover {
	background: #1c34a8 !important;
	color: #F7F8EF !important;
}

.cmplz-cookiebanner button.cmplz-deny,
.cmplz-cookiebanner button.cmplz-view-preferences {
	background: transparent !important;
	color: #2E4ED2 !important;
}

.cmplz-cookiebanner button.cmplz-deny:hover,
.cmplz-cookiebanner button.cmplz-view-preferences:hover {
	background: rgba(46,78,210,.08) !important;
	color: #1c34a8 !important;
}

.cmplz-cookiebanner button.cmplz-save-preferences {
	background: #EE9DD6 !important;
	color: #0B2536 !important;
	border-color: #EE9DD6 !important;
}

/* Categories-Toggle innerhalb Preferences */
.cmplz-cookiebanner .cmplz-categories label {
	color: #0B2536 !important;
	font-weight: 600 !important;
}

.cmplz-cookiebanner .cmplz-categories input[type="checkbox"]:checked + label::before,
.cmplz-cookiebanner .cmplz-toggle.cmplz-active {
	background: #2E4ED2 !important;
}

/* Modal-Overlay (wenn Preferences-Dialog auf) */
.cmplz-modal-overlay,
.cmplz-cookies-overlay {
	background: rgba(11,37,54,.6) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
}

/* Footer / Powered-By verkleinern */
.cmplz-cookiebanner .cmplz-powered-by,
.cmplz-cookiebanner .cmplz-credits {
	font-size: .75rem !important;
	opacity: .6 !important;
}