/* CookieYes banner + preference centre in the club look.
   CookieYes writes its colours as inline styles (from wp-admin), so they are overridden with !important.
   All text pairs meet WCAG 2.2 AA (4.5:1), button borders 3:1. */

.cky-consent-container .cky-consent-bar,
.cky-modal .cky-preference-center{
	background:#111116 !important;
	border:1px solid #2a2a33 !important;
	color:var(--ou-text, #e9e9ee) !important;
	box-shadow:0 24px 60px rgba(0,0,0,.55) !important;
	border-radius:0 !important;
}
.cky-consent-container .cky-consent-bar{ border-top:3px solid var(--ou-accent) !important; }

.cky-consent-container .cky-title,
.cky-modal .cky-preference-title{
	color:#fff !important;
	font-family:var(--ou-font-display) !important;
	font-weight:800 !important;
	font-size:22px !important;
	letter-spacing:.02em;
	text-transform:uppercase;
}
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des *,
.cky-modal .cky-preference-content-wrapper,
.cky-modal .cky-preference-content-wrapper *,
.cky-modal .cky-accordion-header-des,
.cky-modal .cky-accordion-header-des *,
.cky-modal .cky-empty-cookies-text{
	color:#c9c9d1 !important;
}
.cky-modal .cky-accordion-btn{ color:#fff !important; }
.cky-modal .cky-always-active{ color:#4ade80 !important; }
.cky-modal .cky-accordion{ border-color:#2a2a33 !important; }
.cky-modal .cky-preference-header,
.cky-modal .cky-footer-wrapper{ border-color:#2a2a33 !important; }
.cky-modal .cky-chevron-right::before{ border-color:#c9c9d1 !important; }
.cky-modal .cky-audit-table{
	background:#1a1a21 !important;
	border-color:#2a2a33 !important;
	color:#c9c9d1 !important;
}
.cky-modal .cky-audit-table *{ color:#c9c9d1 !important; border-color:#2a2a33 !important; }
.cky-modal .cky-footer-shadow{ background:linear-gradient(180deg, rgba(17,17,22,0) 0%, #111116 100%) !important; }
.cky-modal .cky-btn-close img{ filter:invert(1); }

/* links inside the banner ("Read more", "Show more") */
.cky-consent-container a,
.cky-consent-container .cky-policy,
.cky-modal a,
.cky-modal .cky-show-desc-btn{
	color:var(--ou-accent) !important;
	text-decoration:underline !important;
	text-underline-offset:3px;
}

/* buttons */
.cky-consent-container .cky-btn,
.cky-modal .cky-btn{
	font-family:inherit !important;
	font-weight:700 !important;
	font-size:13px !important;
	letter-spacing:.08em;
	text-transform:uppercase;
	border-radius:0 !important;
	min-height:44px;
	background:transparent !important;
	color:#fff !important;
	border:1px solid #6e6e78 !important;
}
.cky-consent-container .cky-btn:hover,
.cky-modal .cky-btn:hover{ border-color:#fff !important; opacity:1 !important; }
.cky-consent-container .cky-btn-accept,
.cky-modal .cky-btn-accept{
	background:var(--ou-fill) !important;
	border-color:var(--ou-fill) !important;
}
.cky-consent-container .cky-btn-accept:hover,
.cky-modal .cky-btn-accept:hover{ background:var(--ou-fill-2) !important; border-color:var(--ou-fill-2) !important; }

.cky-consent-container .cky-btn:focus-visible,
.cky-modal .cky-btn:focus-visible,
.cky-modal .cky-btn-close:focus-visible,
.cky-modal .cky-accordion-btn:focus-visible,
.cky-modal .cky-show-desc-btn:focus-visible,
.cky-btn-revisit-wrapper .cky-btn-revisit:focus-visible{
	outline:2px solid #fff !important;
	outline-offset:2px !important;
	box-shadow:0 0 0 4px var(--ou-fill) !important;
}

/* on/off switches in the preference centre */
.cky-modal .cky-switch input[type="checkbox"]{ background:#55555f !important; }
.cky-modal .cky-switch input[type="checkbox"]:checked{ background:var(--ou-fill) !important; }

/* floating "revisit consent" button (if enabled in CookieYes) */
.cky-btn-revisit-wrapper{ background:var(--ou-fill) !important; }