/**
 * CookieYes (cookie-law-info) house-style skin.
 *
 * The plugin bakes its colours into inline style="" attributes on every banner
 * element, so we override with our own values (needs !important to beat inline
 * styles). Palette and radii mirror the theme tokens in style.css:
 *   navy-dark #00114c, navy #02225e, turquoise #00ffec, action #3660eb, white.
 */

/* ---- Consent bar + preference modal shells: navy, white text ---- */
.cky-consent-container .cky-consent-bar,
.cky-preference-center,
.cky-modal .cky-preference-center {
	background-color: #00114c !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
	border-radius: 16px !important;
	color: #ffffff !important;
	font-family: "Wix Madefor Text", system-ui, sans-serif !important;
	box-shadow: 0 24px 60px rgba(0, 6, 30, 0.45) !important;
}

.cky-title,
.cky-preference-title,
.cky-notice-des,
.cky-notice-des p,
.cky-preference-content-wrapper,
.cky-accordion-header,
.cky-accordion-header-des,
.cky-always-active {
	color: #ffffff !important;
	font-family: "Wix Madefor Text", system-ui, sans-serif !important;
}

.cky-notice-des,
.cky-notice-des p,
.cky-accordion-header-des,
.cky-preference-content-wrapper {
	color: rgba(255, 255, 255, 0.72) !important;
}

/* In-banner links use the turquoise accent */
.cky-notice-des a,
.cky-preference-content-wrapper a {
	color: #00ffec !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ---- Buttons: pill shaped, on-brand ---- */
.cky-btn {
	border-radius: 100px !important;
	font-family: "Wix Madefor Text", system-ui, sans-serif !important;
	font-weight: 600 !important;
	transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Primary CTA: turquoise fill, navy text */
.cky-btn-accept {
	background-color: #00ffec !important;
	border-color: #00ffec !important;
	color: #00114c !important;
}
.cky-btn-accept:hover {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
}

/* Secondary actions: ghost (transparent, white outline) */
.cky-btn-reject,
.cky-btn-customize,
.cky-btn-preferences {
	background-color: transparent !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
	color: #ffffff !important;
}
.cky-btn-reject:hover,
.cky-btn-customize:hover,
.cky-btn-preferences:hover {
	border-color: #00ffec !important;
	color: #00ffec !important;
}

.cky-btn:focus-visible {
	outline: 2px solid #00ffec !important;
	outline-offset: 2px;
}

/* ---- Preference-centre chrome ---- */
.cky-preference-header,
.cky-footer-wrapper,
.cky-accordion-item,
.cky-preference-body-wrapper {
	border-color: rgba(255, 255, 255, 0.12) !important;
}

.cky-btn-close span {
	color: #ffffff !important;
}

/* Category toggle switches: turquoise when on */
.cky-switch input[type="checkbox"]:checked + label,
.cky-switch input[type="checkbox"]:checked + .cky-switch-slider {
	background-color: #00ffec !important;
}
.cky-always-active {
	color: #00ffec !important;
}

.cky-accordion-chevron i::before,
.cky-accordion-chevron .cky-chevron-right {
	border-color: rgba(255, 255, 255, 0.65) !important;
}

/* Audit table inside categories */
.cky-audit-table {
	background-color: rgba(255, 255, 255, 0.04) !important;
	border-radius: 12px !important;
}
.cky-audit-table .cky-empty-cookies-text {
	color: rgba(255, 255, 255, 0.6) !important;
}

/* ---- Floating revisit badge: navy pill ---- */
.cky-btn-revisit-wrapper {
	background-color: #00114c !important;
	box-shadow: 0 10px 24px rgba(0, 6, 30, 0.4) !important;
}
.cky-btn-revisit-wrapper:hover {
	background-color: #02225e !important;
}

/* ---- Overlay behind the preference modal ---- */
.cky-overlay {
	background-color: rgba(0, 6, 30, 0.6) !important;
}
