/* ==========================================================================
   CookieYes banner — Samostan skin
   CookieYes (cdn-cookieyes.com script) renders its banner with inline colours
   from the CookieYes dashboard; the category toggles are even recoloured from
   JS. So every colour here carries !important. Tokens below map the banner onto
   this theme; the rules underneath are the same in every Swiftframe theme.
   Enqueued from inc/enqueue.php (handle swiftframe-cookieyes).
   ========================================================================== */

:root {
	--cky-bg: #ffffff;
	--cky-text: var(--sf-color-body, #494949);
	--cky-muted: var(--sf-color-sage, #4a515b);
	--cky-line: var(--sf-color-linen, #e9e3de);
	--cky-accent: var(--sf-color-pine, #1a283a);
	--cky-accent-hover: color-mix(in srgb, var(--cky-accent) 80%, #fff);
	--cky-link: var(--sf-color-copper, #aa7446);
	--cky-font: 'Jost', sans-serif;
	--cky-font-heading: 'Marcellus', serif;
	--cky-radius: 20px;
	--cky-btn-weight: 500;
	--cky-on-accent: #ffffff;
	--cky-surface: color-mix(in srgb, var(--cky-text) 4%, var(--cky-bg));
	--cky-switch-off: color-mix(in srgb, var(--cky-text) 22%, var(--cky-bg));
	--cky-switch-knob: #ffffff;
	--cky-btn-radius: 0;
	--cky-btn-border: 2px;
	--cky-btn-case: none;
	--cky-btn-tracking: normal;
	--cky-icon-filter: none;
}

/* ── Banner box + preference centre ── */
.cky-consent-container,
.cky-modal .cky-preference-center {
	font-family: var(--cky-font) !important;
	border-radius: var(--cky-radius) !important;
}
.cky-consent-container .cky-consent-bar,
.cky-modal .cky-preference-center {
	background-color: var(--cky-bg) !important;
	border-color: var(--cky-line) !important;
	border-radius: var(--cky-radius) !important;
	color: var(--cky-text) !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.14) !important;
}
.cky-consent-container button,
.cky-modal button { font-family: var(--cky-font) !important; }

/* ── Text ── */
.cky-consent-container .cky-title,
.cky-modal .cky-preference-title {
	font-family: var(--cky-font-heading) !important;
	color: var(--cky-text) !important;
}
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des *,
.cky-modal .cky-preference-content-wrapper,
.cky-modal .cky-preference-content-wrapper p,
.cky-modal .cky-accordion-btn,
.cky-modal .cky-accordion-header-des,
.cky-modal .cky-accordion-header-des * { color: var(--cky-text) !important; }
.cky-consent-container [data-cky-tag="powered-by"],
.cky-modal [data-cky-tag="detail-powered-by"] {
	color: var(--cky-muted) !important;
	background-color: transparent !important;
}

/* ── Links: policy link, "show more", do-not-sell ── */
.cky-consent-container .cky-notice-des a,
.cky-consent-container .cky-policy,
.cky-consent-container .cky-btn-do-not-sell,
.cky-modal .cky-show-desc-btn,
.cky-modal .cky-preference-content-wrapper a { color: var(--cky-link) !important; }

/* ── Buttons: accept + reject (equal weight) and save are filled, customise is outlined ── */
.cky-consent-container .cky-btn,
.cky-modal .cky-btn {
	border-radius: var(--cky-btn-radius) !important;
	border-width: var(--cky-btn-border) !important;
	font-weight: var(--cky-btn-weight) !important;
	text-transform: var(--cky-btn-case) !important;
	letter-spacing: var(--cky-btn-tracking) !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}
.cky-consent-container .cky-btn-accept,
.cky-consent-container .cky-btn-reject,
.cky-modal .cky-btn-accept,
.cky-modal .cky-btn-reject,
.cky-modal .cky-btn-preferences {
	background-color: var(--cky-accent) !important;
	border-color: var(--cky-accent) !important;
	color: var(--cky-on-accent) !important;
}
.cky-consent-container .cky-btn-accept:hover,
.cky-consent-container .cky-btn-reject:hover,
.cky-modal .cky-btn-accept:hover,
.cky-modal .cky-btn-reject:hover,
.cky-modal .cky-btn-preferences:hover {
	background-color: var(--cky-accent-hover) !important;
	border-color: var(--cky-accent-hover) !important;
	opacity: 1 !important;
}
.cky-consent-container .cky-btn-customize {
	background-color: transparent !important;
	border-color: var(--cky-accent) !important;
	color: var(--cky-accent) !important;
}
.cky-consent-container .cky-btn-customize:hover {
	background-color: var(--cky-accent) !important;
	color: var(--cky-on-accent) !important;
	opacity: 1 !important;
}
.cky-consent-container .cky-btn:focus-visible,
.cky-modal .cky-btn:focus-visible,
.cky-modal .cky-switch input[type="checkbox"]:focus-visible,
.cky-modal .cky-accordion-btn:focus-visible,
.cky-modal .cky-btn-close:focus-visible { outline-color: var(--cky-accent) !important; }

/* ── Preference centre: categories, toggles, cookie table ── */
.cky-modal .cky-preference-header,
.cky-modal .cky-accordion,
.cky-modal .cky-footer-wrapper,
.cky-modal .cky-prefrence-btn-wrapper { border-color: var(--cky-line) !important; }
.cky-modal .cky-horizontal-separator { border-color: var(--cky-line) !important; background-color: var(--cky-line) !important; }
.cky-modal .cky-footer-wrapper,
.cky-modal .cky-prefrence-btn-wrapper { background-color: var(--cky-bg) !important; }
.cky-modal .cky-footer-shadow { background: linear-gradient(180deg, transparent 0%, var(--cky-bg) 100%) !important; }
.cky-modal .cky-always-active { color: var(--cky-accent) !important; }
.cky-modal .cky-accordion-chevron i::before { border-color: var(--cky-text) !important; }
.cky-modal .cky-btn-close img { filter: var(--cky-icon-filter); }
/* CookieYes paints the toggle track from JS as an inline background-color. */
.cky-modal .cky-switch input[type="checkbox"] { background-color: var(--cky-switch-off) !important; }
.cky-modal .cky-switch input[type="checkbox"]:checked { background-color: var(--cky-accent) !important; }
.cky-modal .cky-switch input[type="checkbox"]::before { background-color: var(--cky-switch-knob) !important; }
.cky-modal .cky-audit-table {
	background-color: var(--cky-surface) !important;
	border-color: var(--cky-line) !important;
	color: var(--cky-text) !important;
}
.cky-modal .cky-audit-table * { color: var(--cky-text) !important; }

/* ── Floating "revisit consent" button ── */
.cky-btn-revisit-wrapper { background-color: var(--cky-accent) !important; }