/*
 * Cookie-Script banner in the site's style (Otilija 2026-11-12, variant A): a compact card
 * bottom left (full width minus gutters on phones), white, navy text, site fonts, pill buttons
 * like the theme's (filled navy "Aš sutinku", navy outline "Aš nesutinku"), no "Powered by".
 * Texts and categories stay in Edrana's Cookie-Script account. Cookie-Script injects its own
 * <style> later with ID selectors (some !important), so every rule here starts with
 * "body #cookiescript_injected#cookiescript_injected" (ID doubled for weight) and uses !important. Loaded only where the banner loads
 * (inc/tracking.php, edrana.lt).
 */

body #cookiescript_injected#cookiescript_injected {
	right: auto !important;
	bottom: var(--wp--preset--spacing--50) !important;
	left: var(--wp--preset--spacing--50) !important;
	width: 400px !important;
	max-width: calc(100vw - 2 * var(--wp--preset--spacing--40)) !important;
	padding: var(--wp--preset--spacing--50) !important;
	border: 1px solid var(--wp--preset--color--border) !important;
	border-radius: var(--wp--custom--radius--media) !important;
	background: var(--wp--preset--color--base) !important;
	box-shadow: 0 12px 40px color-mix(in srgb, var(--wp--preset--color--contrast) 18%, transparent) !important;
	color: var(--wp--preset--color--contrast) !important;
	font-family: var(--wp--preset--font-family--body) !important;
	text-align: left !important;
	/* The banner is a centred flex column; start-align its rows. Never set display here:
	   Cookie-Script hides the banner with display: none. */
	align-items: flex-start !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_header {
	margin: 0 0 6px !important;
	padding: 0 32px 0 0 !important;
	color: var(--wp--preset--color--contrast) !important;
	font-family: var(--wp--preset--font-family--body) !important;
	font-size: var(--wp--preset--font-size--base) !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-align: left !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_description,
body #cookiescript_injected#cookiescript_injected #cookiescript_description span {
	margin: 0 !important;
	color: var(--wp--preset--color--muted) !important;
	font-size: var(--wp--preset--font-size--sm) !important;
	line-height: 1.43 !important;
	text-align: left !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_readmore {
	color: var(--wp--preset--color--contrast) !important;
	font-weight: 400 !important;
	text-decoration: underline !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_buttons {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	margin: var(--wp--preset--spacing--40) 0 0 !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_accept,
body #cookiescript_injected#cookiescript_injected #cookiescript_reject {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 10px 22px !important;
	border: 1px solid var(--wp--preset--color--contrast) !important;
	border-radius: var(--wp--custom--radius--pill) !important;
	font-family: var(--wp--preset--font-family--mono) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_accept {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_reject {
	background: transparent !important;
	color: var(--wp--preset--color--contrast) !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_accept:hover,
body #cookiescript_injected#cookiescript_injected #cookiescript_reject:hover {
	opacity: 0.85 !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_manage_wrap {
	margin: 12px 0 0 !important;
	text-align: left !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_manage {
	color: var(--wp--preset--color--contrast) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	text-transform: none !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_manage svg {
	fill: var(--wp--preset--color--contrast) !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_copyright {
	display: none !important;
}

body #cookiescript_injected#cookiescript_injected .cookiescript_pre_header {
	position: absolute !important;
	top: 14px !important;
	right: 14px !important;
}

body #cookiescript_injected#cookiescript_injected #cookiescript_close {
	color: var(--wp--preset--color--muted) !important;
	font-size: 22px !important;
}

@media (max-width: 600px) {
	body #cookiescript_injected#cookiescript_injected {
		right: var(--wp--preset--spacing--40) !important;
		bottom: var(--wp--preset--spacing--40) !important;
		left: var(--wp--preset--spacing--40) !important;
		width: auto !important;
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) !important;
	}
}
