/**
 * Complianz GDPR/CCPA Theme Integration — observatorio-cero-theme
 *
 * Ensures cookie consent banner, modal preferences, manage-consent tab,
 * categories, descriptions, toggles and buttons strictly respect Observatorio Cero
 * design tokens, typography, and color modes (light, dark, high-contrast) with
 * WCAG AAA contrast compliance across all states.
 */

/* =============================================================================
   1. BASE & LIGHT MODE (Default)
   ============================================================================= */

#cmplz-cookiebanner-container,
#cmplz-cookiebanner-container * {
	box-sizing: border-box !important;
}

#cmplz-cookiebanner-container .screen-reader-text,
.cmplz-cookiebanner .screen-reader-text {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	word-wrap: normal !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner,
.cmplz-cookiebanner {
	font-family: var(--wp--preset--font-family--primary, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	border-radius: var(--wp--custom--border-radius--lg, 12px) !important;
	box-shadow: var(--wp--preset--shadow--elevated, 0 10px 35px rgba(0, 0, 0, 0.25)) !important;
	border: 1px solid var(--wp--preset--color--outline-variant, #d0d7de) !important;
	background-color: var(--wp--preset--color--surface, #ffffff) !important;
	color: var(--wp--preset--color--on-surface, #1a1a1a) !important;
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
	max-width: 540px !important;
	padding: 1.5rem !important;
	z-index: 999999 !important;
	transition: background-color var(--wp--custom--mode-transitions--duration, 200ms) ease,
	            color var(--wp--custom--mode-transitions--duration, 200ms) ease,
	            border-color var(--wp--custom--mode-transitions--duration, 200ms) ease !important;
}

/* Header & Close */
#cmplz-cookiebanner-container .cmplz-header,
.cmplz-cookiebanner .cmplz-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin-bottom: 1rem !important;
}

#cmplz-cookiebanner-container .cmplz-header .cmplz-title,
.cmplz-cookiebanner .cmplz-header .cmplz-title {
	font-family: var(--wp--preset--font-family--primary, inherit) !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	color: var(--wp--preset--color--on-surface, #1a1a1a) !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

#cmplz-cookiebanner-container .cmplz-close,
.cmplz-cookiebanner .cmplz-close {
	cursor: pointer !important;
	padding: 0.25rem !important;
	color: var(--wp--preset--color--on-surface-variant, #333333) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 4px !important;
}

#cmplz-cookiebanner-container .cmplz-close svg,
.cmplz-cookiebanner .cmplz-close svg {
	width: 18px !important;
	height: 18px !important;
	fill: currentColor !important;
}

#cmplz-cookiebanner-container .cmplz-close:focus-visible,
.cmplz-cookiebanner .cmplz-close:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary, #006688) !important;
	outline-offset: 2px !important;
}

/* Message / Body */
#cmplz-cookiebanner-container .cmplz-message,
.cmplz-cookiebanner .cmplz-message,
#cmplz-cookiebanner-container .cmplz-body,
.cmplz-cookiebanner .cmplz-body {
	font-size: 0.9375rem !important;
	line-height: 1.55 !important;
	color: var(--wp--preset--color--on-surface-variant, #222222) !important;
	margin-bottom: 1.25rem !important;
}

/* ── Categories Accordion & Preferences ── */
#cmplz-cookiebanner-container .cmplz-categories,
.cmplz-cookiebanner .cmplz-categories,
#cmplz-cookiebanner-container .cmplz-fade-in,
.cmplz-cookiebanner .cmplz-fade-in {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.75rem !important;
	margin-bottom: 1.25rem !important;
	opacity: 1 !important;
	animation: none !important;
}

#cmplz-cookiebanner-container .cmplz-always-active .cmplz-banner-checkbox,
.cmplz-cookiebanner .cmplz-always-active .cmplz-banner-checkbox {
	display: none !important;
}

#cmplz-cookiebanner-container .cmplz-category,
.cmplz-cookiebanner .cmplz-category {
	border: 1px solid var(--wp--preset--color--outline-variant, #d0d7de) !important;
	border-radius: 8px !important;
	background-color: #f8f9fa !important;
	overflow: hidden !important;
}

#cmplz-cookiebanner-container .cmplz-category-header,
.cmplz-cookiebanner .cmplz-category-header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 0.75rem 1rem !important;
	gap: 0.75rem !important;
}

#cmplz-cookiebanner-container .cmplz-category-title,
.cmplz-cookiebanner .cmplz-category-title {
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	color: #1a1a1a !important;
	flex-grow: 1 !important;
}

#cmplz-cookiebanner-container .cmplz-always-active,
.cmplz-cookiebanner .cmplz-always-active {
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
	color: #001f2e !important;
	background-color: #e0f2fe !important;
	padding: 0.25rem 0.55rem !important;
	border-radius: 4px !important;
	border: 1px solid #7dd3fc !important;
	white-space: nowrap !important;
	display: inline-flex !important;
	align-items: center !important;
	opacity: 1 !important;
}

#cmplz-cookiebanner-container .cmplz-category-toggle,
.cmplz-cookiebanner .cmplz-category-toggle {
	background: transparent !important;
	border: none !important;
	cursor: pointer !important;
	padding: 0.25rem !important;
	color: #1a1a1a !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#cmplz-cookiebanner-container .cmplz-category-toggle svg,
.cmplz-cookiebanner .cmplz-category-toggle svg {
	fill: currentColor !important;
	width: 14px !important;
	height: 14px !important;
}

#cmplz-cookiebanner-container .cmplz-description,
.cmplz-cookiebanner .cmplz-description {
	padding: 0.75rem 1rem !important;
	border-top: 1px solid var(--wp--preset--color--outline-variant, #e5e7eb) !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	color: #222222 !important;
	background-color: #ffffff !important;
}

/* ── Links & Documents ── */
#cmplz-cookiebanner-container .cmplz-links,
.cmplz-cookiebanner .cmplz-links,
#cmplz-cookiebanner-container .cmplz-documents,
.cmplz-cookiebanner .cmplz-documents {
	margin-top: 1rem !important;
	font-size: 0.85rem !important;
}

#cmplz-cookiebanner-container .cmplz-links ul,
.cmplz-cookiebanner .cmplz-links ul,
#cmplz-cookiebanner-container .cmplz-documents ul,
.cmplz-cookiebanner .cmplz-documents ul {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.75rem 1rem !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

#cmplz-cookiebanner-container a.cmplz-link,
.cmplz-cookiebanner a.cmplz-link,
#cmplz-cookiebanner-container a,
.cmplz-cookiebanner a {
	color: var(--wp--preset--color--primary, #006688) !important;
	text-decoration: underline !important;
	font-weight: 600 !important;
}

#cmplz-cookiebanner-container a.cmplz-link:hover,
#cmplz-cookiebanner-container a.cmplz-link:focus-visible,
.cmplz-cookiebanner a.cmplz-link:hover,
.cmplz-cookiebanner a.cmplz-link:focus-visible {
	color: var(--wp--preset--color--primary-hover, #004d66) !important;
	outline: 2px solid var(--wp--preset--color--primary, #006688) !important;
	outline-offset: 2px !important;
}

#cmplz-cookiebanner-container .cmplz-divider,
.cmplz-cookiebanner .cmplz-divider {
	border-top: 1px solid var(--wp--preset--color--outline-variant, #e5e7eb) !important;
	margin: 1rem 0 !important;
}

/* ── Buttons ── */
#cmplz-cookiebanner-container .cmplz-buttons,
.cmplz-cookiebanner .cmplz-buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.625rem !important;
	margin-top: 1.25rem !important;
}

#cmplz-cookiebanner-container .cmplz-btn,
.cmplz-cookiebanner .cmplz-btn {
	font-family: var(--wp--preset--font-family--primary, inherit) !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	border-radius: var(--wp--custom--border-radius--default, 6px) !important;
	padding: 0.55rem 1.1rem !important;
	cursor: pointer !important;
	border: 1px solid transparent !important;
	text-align: center !important;
	transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease, transform 150ms ease !important;
}

/* Accept Button (Primary) */
#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
	background-color: var(--wp--preset--color--primary, #006688) !important;
	color: #ffffff !important;
	border-color: var(--wp--preset--color--primary, #006688) !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:focus-visible,
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:focus-visible {
	background-color: var(--wp--preset--color--primary-hover, #004d66) !important;
	outline: 2px solid var(--wp--preset--color--primary, #006688) !important;
	outline-offset: 2px !important;
}

/* Deny / Settings / Preferences Buttons (Secondary) */
#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-deny,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	background-color: #eef1f4 !important;
	color: #1a1a1a !important;
	border-color: #ccd2d8 !important;
}

#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
	background-color: #dfe3e8 !important;
}

/* ── Manage Consent Tab (Bottom Corner) ── */
#cmplz-manage-consent .cmplz-manage-consent,
.cmplz-manage-consent-container {
	font-family: var(--wp--preset--font-family--primary, inherit) !important;
	background-color: #1e293b !important;
	color: #ffffff !important;
	border-radius: 6px 6px 0 0 !important;
	font-size: 0.75rem !important;
	padding: 0.35rem 0.85rem !important;
	font-weight: 600 !important;
	border: 1px solid #334155 !important;
	border-bottom: none !important;
	cursor: pointer !important;
}


/* =============================================================================
   2. DARK MODE OVERRIDES ([data-theme="dark"])
   ============================================================================= */

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-cookiebanner,
[data-theme="dark"] .cmplz-cookiebanner {
	background-color: #18191c !important;
	color: #ffffff !important;
	border-color: #3b3f46 !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-header .cmplz-title,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-header .cmplz-title {
	color: #ffffff !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-close,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-close {
	color: #e2e8f0 !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-close svg,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-close svg {
	fill: #e2e8f0 !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-message,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-message,
[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-body,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-body {
	color: #f1f2f4 !important;
}

/* Dark Mode Categories */
[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-category,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-category {
	border-color: #374151 !important;
	background-color: #24272d !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-category-title,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-category-title {
	color: #ffffff !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-always-active,
[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-always-active *,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-always-active,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-always-active * {
	color: #001f2e !important;
	background-color: #7dd3fc !important;
	font-weight: 700 !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-always-active,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-always-active {
	border: 1px solid #38bdf8 !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-category-toggle,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-category-toggle {
	color: #ffffff !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-category-toggle svg,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-category-toggle svg {
	fill: #ffffff !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-description,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-description {
	border-top-color: #374151 !important;
	background-color: #18191c !important;
	color: #e2e8f0 !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container a.cmplz-link,
[data-theme="dark"] .cmplz-cookiebanner a.cmplz-link,
[data-theme="dark"] #cmplz-cookiebanner-container a,
[data-theme="dark"] .cmplz-cookiebanner a {
	color: #6ec9f7 !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-divider,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-divider {
	border-top-color: #374151 !important;
}

/* Dark Mode Buttons */
[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-accept,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn.cmplz-accept {
	background-color: #6ec9f7 !important;
	color: #002233 !important;
	border-color: #6ec9f7 !important;
	font-weight: 700 !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:hover,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover {
	background-color: #9cdcf9 !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-deny,
[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences,
[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	background-color: #2e333b !important;
	color: #ffffff !important;
	border-color: #4b5563 !important;
}

[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-deny:hover,
[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences:hover,
[data-theme="dark"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences:hover,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
[data-theme="dark"] .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
	background-color: #3b424d !important;
}


/* =============================================================================
   3. HIGH-CONTRAST MODE OVERRIDES ([data-theme="high-contrast"])
   ============================================================================= */

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-cookiebanner,
[data-theme="high-contrast"] .cmplz-cookiebanner {
	background-color: #000000 !important;
	color: #ffffff !important;
	border: 2px solid #ffffff !important;
	box-shadow: none !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-header .cmplz-title,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-header .cmplz-title {
	color: #ffff00 !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-close,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-close {
	color: #ffffff !important;
	border: 1px solid #ffffff !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-close svg,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-close svg {
	fill: #ffff00 !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-message,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-message,
[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-body,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-body {
	color: #ffffff !important;
}

/* High Contrast Categories */
[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-category,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-category {
	border: 2px solid #ffffff !important;
	background-color: #000000 !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-category-title,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-category-title {
	color: #ffff00 !important;
	font-weight: 700 !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-always-active,
[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-always-active *,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-always-active,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-always-active * {
	color: #000000 !important;
	background-color: #ffff00 !important;
	font-weight: 700 !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-always-active,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-always-active {
	border: 2px solid #ffffff !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-category-toggle,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-category-toggle {
	color: #ffffff !important;
	border: 1px solid #ffffff !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-category-toggle svg,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-category-toggle svg {
	fill: #ffff00 !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-description,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-description {
	border-top: 2px solid #ffffff !important;
	background-color: #000000 !important;
	color: #ffffff !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container a.cmplz-link,
[data-theme="high-contrast"] .cmplz-cookiebanner a.cmplz-link,
[data-theme="high-contrast"] #cmplz-cookiebanner-container a,
[data-theme="high-contrast"] .cmplz-cookiebanner a {
	color: #ffff00 !important;
	text-decoration: underline !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-divider,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-divider {
	border-top: 2px solid #ffffff !important;
}

/* High Contrast Buttons */
[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-accept,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-btn.cmplz-accept {
	background-color: #ffff00 !important;
	color: #000000 !important;
	border: 2px solid #ffffff !important;
	font-weight: 700 !important;
}

[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-deny,
[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences,
[data-theme="high-contrast"] #cmplz-cookiebanner-container .cmplz-btn.cmplz-save-preferences,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
[data-theme="high-contrast"] .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
	background-color: #000000 !important;
	color: #ffffff !important;
	border: 2px solid #ffffff !important;
	font-weight: 700 !important;
}

[data-theme="high-contrast"] #cmplz-manage-consent .cmplz-manage-consent {
	background-color: #000000 !important;
	color: #ffff00 !important;
	border: 2px solid #ffffff !important;
}