/* CookieYes consent banner, preferences modal and revisit button in the site's palette.
   CookieYes (cloud script) writes its colours as inline styles and injects <style id="cky-style"> after the
   theme CSS, so colours need !important and every selector starts with body to out-rank equal cky rules. Loaded on every front-end page by inc/cookies.php. */

:root {
	--mv-cky-ink: #510000;      /* Ruda */
	--mv-cky-ground: #f9f6ed;   /* Šviesi */
	--mv-cky-ground-2: #f4f1e6; /* Pilkšva */
	--mv-cky-peach: #ffc2b0;    /* Rausva 2 */
	--mv-cky-green: #7e915a;    /* Žalia 2 */
	--mv-cky-line: rgba(81, 0, 0, .14);
	--mv-cky-muted: rgba(81, 0, 0, .75);
}

/* ---------- Banner card ---------- */

body .cky-consent-container .cky-consent-bar {
	padding: 26px 28px 24px;
	border: 1px solid var(--mv-cky-line) !important;
	border-radius: 24px;
	background-color: var(--mv-cky-ground) !important;
	box-shadow: 0 10px 40px rgba(81, 0, 0, .14);
	color: var(--mv-cky-ink);
	font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
}

body .cky-notice .cky-title {
	margin-bottom: 10px;
	color: var(--mv-cky-ink) !important;
	font-family: satoshi, 'Work Sans', sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.01em;
}

body .cky-notice-des,
body .cky-notice-des * {
	color: var(--mv-cky-ink) !important;
	font-size: 15px;
	line-height: 1.55;
}

body .cky-notice-des a.cky-policy {
	padding: 0;
	border: 0 !important;
	color: var(--mv-cky-ink) !important;
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

body .cky-notice-des a.cky-policy:hover {
	text-decoration-thickness: 2px;
}

/* ---------- Buttons (banner + modal) ---------- */

body .cky-consent-container .cky-btn,
body .cky-modal .cky-btn {
	min-height: 44px;
	padding: 10px 18px;
	border: 1.5px solid var(--mv-cky-ink) !important;
	border-radius: 999px;
	background-color: transparent !important;
	color: var(--mv-cky-ink) !important;
	font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	opacity: 1;
	transition: background-color .15s, color .15s, border-color .15s;
}

/* Main action: Ruda on Rausva 2, like the cart/checkout/contact buttons */
body .cky-consent-container .cky-btn-accept,
body .cky-modal .cky-btn-accept {
	border-color: var(--mv-cky-peach) !important;
	background-color: var(--mv-cky-peach) !important;
	font-weight: 700;
}

/* Ruda fill on mouse hover only: CookieYes hands focus back to „Pritaikyti“ after the modal closes, and a filled
   button there (or a sticky touch hover) reads as a selected choice. Keyboard focus gets the outline below. */
@media (hover: hover) {
	body .cky-consent-container .cky-btn:hover,
	body .cky-modal .cky-btn:hover {
		border-color: var(--mv-cky-ink) !important;
		background-color: var(--mv-cky-ink) !important;
		color: var(--mv-cky-ground) !important;
		opacity: 1;
	}
}

body .cky-consent-container .cky-btn:hover,
body .cky-modal .cky-btn:hover {
	opacity: 1;
}

body .cky-notice-btn-wrapper {
	gap: 8px;
	margin-top: 20px;
}

body .cky-notice-btn-wrapper .cky-btn {
	margin: 0;
}

/* Focus rings in Ruda instead of CookieYes blue */
body .cky-consent-container :focus-visible,
body .cky-modal :focus-visible,
body .cky-btn-revisit-wrapper :focus-visible {
	outline: 2px solid var(--mv-cky-ink) !important;
	outline-offset: 3px;
}

/* ---------- Preferences modal ---------- */

body .cky-overlay {
	background: var(--mv-cky-ink);
	opacity: .35;
}

body .cky-modal .cky-preference-center {
	border-color: var(--mv-cky-line) !important;
	border-radius: 24px;
	background-color: var(--mv-cky-ground) !important;
	color: var(--mv-cky-ink) !important;
	font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
}

body .cky-modal .cky-preference-title {
	color: var(--mv-cky-ink) !important;
	font-family: satoshi, 'Work Sans', sans-serif;
	font-size: 22px;
	font-weight: 700;
}

body .cky-modal :is(.cky-preference-content-wrapper, .cky-accordion-btn, .cky-accordion-header-des, .cky-accordion-header-des *, .cky-preference-content-wrapper *) {
	color: var(--mv-cky-ink) !important;
}

body .cky-modal .cky-accordion-btn {
	font-weight: 700;
}

body .cky-modal :is(.cky-preference-header, .cky-preference-body-wrapper, .cky-accordion, .cky-accordion-wrapper, .cky-footer-wrapper, .cky-prefrence-btn-wrapper, .cky-horizontal-separator) {
	border-color: var(--mv-cky-line) !important;
}

body .cky-modal .cky-preference-content-wrapper .cky-show-desc-btn {
	color: var(--mv-cky-ink) !important;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body .cky-modal .cky-accordion-header .cky-always-active {
	color: var(--mv-cky-green);
}

body .cky-modal .cky-audit-table {
	border-color: var(--mv-cky-line) !important;
	border-radius: 12px;
	background-color: var(--mv-cky-ground-2) !important;
	color: var(--mv-cky-ink) !important;
}

body .cky-modal .cky-audit-table * {
	color: var(--mv-cky-ink) !important;
}

body .cky-modal .cky-switch input[type="checkbox"] {
	background-color: rgba(81, 0, 0, .25) !important;
}

body .cky-modal .cky-switch input[type="checkbox"]:checked {
	background-color: var(--mv-cky-ink) !important;
}

body .cky-modal .cky-switch input[type="checkbox"]::before {
	background-color: var(--mv-cky-ground);
}

body .cky-modal .cky-footer-shadow {
	background: linear-gradient(180deg, rgba(249, 246, 237, 0) 0%, var(--mv-cky-ground) 100%) !important;
}

/* „Powered by CookieYes“ strip */
body .cky-modal .cky-footer-wrapper > div:last-child[style] {
	border-radius: 0 0 24px 24px !important;
	background-color: var(--mv-cky-ground-2) !important;
	color: var(--mv-cky-muted) !important;
}

/* ---------- Revisit button (after consent) ---------- */

body .cky-btn-revisit-wrapper {
	background-color: var(--mv-cky-ink) !important;
	box-shadow: 0 4px 16px rgba(81, 0, 0, .2);
}

body .cky-btn-revisit-wrapper .cky-btn-revisit img {
	width: 26px;
	height: 26px;
}

body .cky-btn-revisit-wrapper:is(.cky-revisit-bottom-left, .cky-revisit-bottom-right):hover::before {
	background: var(--mv-cky-ink);
	color: var(--mv-cky-ground);
	font-family: 'Work Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 13px;
	border-radius: 8px;
}

body .cky-revisit-bottom-left:hover::after {
	border-right-color: var(--mv-cky-ink);
}

body .cky-revisit-bottom-right:hover::after {
	border-left-color: var(--mv-cky-ink);
}

/* ---------- Small screens: full-width sheet with stacked buttons ---------- */

@media (max-width: 576px) {
	body .cky-consent-container .cky-consent-bar {
		border-radius: 24px 24px 0 0;
	}
}

@media (max-width: 440px) {
	body .cky-consent-container .cky-consent-bar {
		padding: 22px 0 20px;
	}

	body .cky-notice .cky-title {
		font-size: 20px;
	}

	body .cky-notice-des,
	body .cky-notice-des *,
	body .cky-notice-des a.cky-policy {
		font-size: 14px;
	}
}