/* =========================================================================
   UNIJA – pagrindiniai stiliai
   Struktūra ir vizualinė kalba įkvėpta uku.lt (antraštė, meniu, puslapio
   antraštės juosta, naujienų sąrašas/įrašas, poraštė). Spalvos ir šriftas –
   savi, be tiesioginio failų kopijavimo.
   ========================================================================= */

:root {
	/*
	 * Paletė suderinta su kredito skaičiuoklės įskiepiu: tamsi žalia #1F4D3B
	 * (mygtukai, slankikliai), šviesi mėtinė #E7EFE9 (kortelės).
	 * Logotipo šviesi žalia palikta kaip akcentas (--color-lime).
	 */
	--color-primary: #1f4d3b; /* pagrindinė tamsi žalia – mygtukai (baltas tekstas: 9.62:1) */
	--color-primary-dark: #164033; /* nuorodos (11.57:1) */
	--color-primary-darker: #0f2e25; /* hover/aktyvi būsena */
	--color-accent: #2a6a51; /* kontūriniai mygtukai, fokusas (6.4:1) */
	--color-lime: #9ac328; /* LKU logotipo žalia – tik dekoratyviniai akcentai */
	--color-soft: #e7efe9; /* mėtinis kortelių fonas (tamsus tekstas: 13.58:1) */
	--color-ink: #222222; /* pagrindinis tekstas */
	--color-body: #666666; /* antrinis tekstas */
	--color-muted: #767676; /* meniu, žymos */
	--color-line: #dddddd;
	--color-line-light: #eeeeee;
	--color-surface: #f5f5f5;
	--color-footer-bg: #5e5e5d;
	--color-footer-text: #dddddd;
	--color-white: #ffffff;

	--font-body: 'Unija Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
	--font-heading: 'Unija Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

	--container: 1320px;
	--header-height: 132px;

	--radius: 4px;
	--radius-card: 8px; /* kortelės: akordeonas, šoninė navigacija, kortelių blokai */
	--shadow-soft: 0 10px 20px rgba(0, 0, 0, 0.06), 0 20px 40px rgba(0, 0, 0, 0.06);
	--transition: all 0.2s ease-out;
}

/* ---- Reset / bazė ------------------------------------------------------ */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body,
html {
	height: 100%;
}

body {
	margin: 0;
	font: 400 16px/1.5 var(--font-body);
	color: var(--color-ink);
	background: var(--color-white);
	letter-spacing: -0.01em;
}

/*
 * overflow-x: clip, o NE hidden. „hidden“ paverčia .site slenkamuoju
 * konteineriu, todėl position: sticky antraštė nustoja veikti ir nuslenka
 * kartu su turiniu. „clip“ tik apkarpo, slinkimo konteinerio nekuria.
 */
.site {
	overflow-x: clip;
}

img {
	max-width: 100%;
	height: auto;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: var(--color-primary-dark);
	text-decoration: none;
	transition: var(--transition);
}

a:hover,
a:focus {
	/* NE --color-primary (#9AC328) – tai duotų tik 2.06:1 su baltu fonu. */
	color: var(--color-primary-darker);
}

b,
strong {
	font-weight: 700;
}

.clear {
	clear: both;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute !important;
	word-wrap: normal !important;
}

.skip-link.screen-reader-text {
	z-index: 100000;
}

.skip-link.screen-reader-text:focus {
	background: var(--color-white);
	color: var(--color-ink);
	clip: auto !important;
	clip-path: none;
	height: auto;
	width: auto;
	display: block;
	padding: 12px 20px;
	position: fixed;
	top: 0;
	left: 0;
}

.wrap {
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 20px;
}

/* ---- Tipografija -------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading);
	font-weight: 700;
	color: var(--color-ink);
	letter-spacing: -0.03em;
	margin: 0 0 20px;
}

h1,
.h1 {
	font-size: 44px;
	line-height: 1.1;
}

h2,
.h2 {
	font-size: 32px;
	line-height: 1.2;
}

h3,
.h3 {
	font-size: 22px;
	line-height: 1.3;
}

h4,
.h4 {
	font-size: 18px;
	line-height: 1.3;
}

h5,
.h5 {
	font-size: 16px;
	line-height: 1.3;
}

@media screen and (min-width: 992px) {
	h1,
	.h1 {
		font-size: 56px;
	}

	h2,
	.h2 {
		font-size: 40px;
	}
}

p {
	margin: 0 0 20px;
}

.entry-content a:not(.btn) {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ---- Mygtukai ------------------------------------------------------------ */

/*
 * Spalvos parinktos taip, kad tekstas prieš foną atitiktų WCAG 2.1 AA
 * (≥4.5:1 įprastam tekstui). Šviesi pagrindinė žalia (--color-primary)
 * su baltu tekstu duotų tik ~2.1:1, todėl ant jos naudojamas tamsus
 * (--color-ink) tekstas, o hover būsenoje fonas patamsėja iki spalvos,
 * kuri jau tinka baltam tekstui (≥4.5:1).
 */
.btn,
.entry-content .btn,
.wp-block-button__link {
	display: inline-block;
	font-family: var(--font-heading);
	font-weight: 700;
	letter-spacing: -0.02em;
	text-align: center;
	text-decoration: none !important;
	color: var(--color-white) !important;
	background: var(--color-primary);
	border: 2px solid var(--color-primary);
	border-radius: var(--radius);
	padding: 16px 32px;
	transition: var(--transition);
}

.btn:hover,
.wp-block-button__link:hover {
	background: var(--color-primary-darker);
	border-color: var(--color-primary-darker);
	color: var(--color-white) !important;
}

.btn.btn-outline,
.is-style-outline .wp-block-button__link {
	background: transparent;
	border-color: var(--color-accent);
	color: var(--color-accent) !important;
}

.btn.btn-outline:hover,
.is-style-outline .wp-block-button__link:hover {
	background: var(--color-accent);
	color: var(--color-white) !important;
}

.btn.btn-dark {
	background: var(--color-primary-darker);
	border-color: var(--color-primary-darker);
	color: var(--color-white) !important;
}

.btn.btn-dark:hover {
	background: var(--color-white);
	color: var(--color-primary-darker) !important;
}

.entry-content .btn-holder {
	padding: 0 0 20px;
}

.entry-content .btn-holder--center {
	text-align: center;
}

/* ---- Antraštė (header) --------------------------------------------------- */

.site-header {
	position: sticky;
	top: 0;
	z-index: 600;
	width: 100%;
	background: var(--color-white);
	padding: 0;
	transition: box-shadow 0.2s ease-out, padding 0.2s ease-out;
}

.site-header.is-stuck {
	box-shadow: var(--shadow-soft);
}

/* Slenkant antraštė nebesumažėja – logotipas ir meniu visada to paties
   dydžio; lieka tik šešėlis, atskiriantis antraštę nuo turinio. */

/*
 * align-items: center – logotipas, meniu ir „i-unija“ mygtukas lygiuojami
 * pagal bendrą vertikalią ašį. Anksčiau buvo flex-start + skirtingos
 * viršutinės paraštės kiekvienam elementui, todėl jie nesutapdavo.
 * Vertikalius tarpus dabar duoda tik .site-header padding.
 */
/*
 * Fiksuotas juostos aukštis + align-items: center. Tarpas virš ir po
 * logotipu/meniu/mygtuku gaunasi automatiškai vienodas, nepriklausomai nuo
 * to, kuris elementas aukščiausias. Pačių elementų vertikalių paraščių nėra –
 * kitaip jos vėl iškreiptų lygiavimą.
 */
.site-header .wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 76px;
}

.site-header .logo {
	width: 220px;
	padding: 0 20px 0 0;
}

.site-header .logo a {
	display: inline-block;
}

.site-header .logo img,
.custom-logo {
	height: 44px;
	width: auto;
	display: block;
}

.site-header .site-title-link {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 22px;
	color: var(--color-ink);
}

.menu-holder {
	flex: 1 1 auto;
	min-width: 0;
}

.menu-bottom {
	padding: 0;
}

.main-navigation #main-menu {
	display: flex;
	flex-wrap: wrap;
	column-gap: 28px; /* tarpas tarp pirmo lygio punktų */
}

/*
 * Submeniu skydelis prasideda po savo tėviniu punktu (li). Jei platus
 * skydelis netelptų iki .wrap dešinio krašto, navigation.js jį pastumia
 * į kairę tiek, kiek reikia (inline style „left“).
 */
.main-navigation #main-menu > li {
	position: relative;
}

.main-navigation #main-menu > li > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 0 3px;
	border-bottom: 3px solid transparent;
	font-weight: 700;
	color: var(--color-ink);
	font-size: 15px;
}

.main-navigation #main-menu > li > a .menu-arrow {
	color: var(--color-muted);
	transition: transform 0.2s ease-out;
}

.main-navigation #main-menu > li:hover > a .menu-arrow,
.main-navigation #main-menu > li.menu-open > a .menu-arrow {
	transform: rotate(180deg);
	color: var(--color-primary-dark);
}

/*
 * Aktyvi/užvesta būsena žymima ne vien spalva (WCAG 1.4.1) – po nuoroda
 * atsiranda ir apatinė linija, matoma bespalviame/pilkame režime.
 */
.main-navigation #main-menu > li:hover > a,
.main-navigation #main-menu > li.current-menu-item > a,
.main-navigation #main-menu > li.current_page_item > a,
.main-navigation #main-menu > li.current-menu-parent > a,
.main-navigation #main-menu > li.current_page_parent > a,
.main-navigation #main-menu > li.current-menu-ancestor > a,
.main-navigation #main-menu > li.current-page-ancestor > a {
	color: var(--color-primary-dark);
	border-bottom-color: var(--color-lime);
}

/*
 * 1-o lygio submeniu – kelių stulpelių skydelis. Kiekviena kategorija
 * (2-o lygio elementas) yra atskiras stulpelis, kurio plotis priklauso tik
 * nuo jo paties turinio (width: max-content) – trumpesnis stulpelis
 * siauresnis, ilgesnis platesnis; bendras skydelio plotis = stulpelių
 * suma + tarpai, ribojama tik tam, kad netilptų už ekrano ribų.
 */
.main-navigation #main-menu > li > .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	/*
	 * width:max-content – skydelio plotis = visų stulpelių suma + tarpai.
	 * max-width čia tik atsarginė riba; tikslią (.wrap turinio plotį)
	 * atidarant nustato navigation.js ir, jei reikia, pastumia skydelį
	 * į kairę, kad neišeitų už .wrap dešinio krašto.
	 */
	width: max-content;
	max-width: min(1280px, calc(100vw - 60px));
	background: var(--color-white);
	border-radius: 6px;
	box-shadow: var(--shadow-soft);
	padding: 28px 32px;
}

/*
 * Submeniu atsiranda ties pele (:hover), klaviatūros fokusu bet kuriame
 * jo viduje esančiame elemente (:focus-within – veikia Tab navigaciją be
 * pelės) arba paspaudus/palietus (JS pridedama „menu-open“ klasė).
 *
 * :hover apribotas su :not(.menu-force-closed) – ši JS pridedama klasė
 * priverstinai uždaro punktą, kai fokusas Tab klavišu jau perėjo į kitą
 * šaką, bet pelės žymeklis fiziškai liko ant senojo (kitaip vien :hover
 * jį laikytų atvirą nepriklausomai nuo klaviatūros fokuso).
 */
.main-navigation #main-menu > li:hover:not(.menu-force-closed) > .sub-menu,
.main-navigation #main-menu > li:focus-within > .sub-menu,
.main-navigation #main-menu > li.menu-open > .sub-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	column-gap: 40px;
	row-gap: 20px;
}

/* 2-o lygio elementai – stulpeliai (Privatiems / Verslui / ...), kiekvienas savo pločio */
.main-navigation #main-menu > li > .sub-menu > li {
	flex: 0 0 auto;
	width: max-content;
	max-width: 260px;
}

/*
 * Submeniu BE nė vieno stulpelio pavadinimo (tik paprastos nuorodos) –
 * punktai vienas po kitu, ne greta.
 */
.main-navigation #main-menu > li:hover:not(.menu-force-closed) > .sub-menu:not(:has(> .menu-column)),
.main-navigation #main-menu > li:focus-within > .sub-menu:not(:has(> .menu-column)),
.main-navigation #main-menu > li.menu-open > .sub-menu:not(:has(> .menu-column)) {
	flex-direction: column;
	row-gap: 0;
}

/* Stulpelio pavadinimas – tik punktai su nuoroda „#“ (klasė iš walker'io). */
.main-navigation #main-menu > li > .sub-menu > li.menu-column > a {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--color-line-light);
	font-weight: 700;
	color: var(--color-muted);
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

/* 3-o lygio elementai – stulpelio viduje, po kategorijos antrašte */
.main-navigation #main-menu > li > .sub-menu .sub-menu li {
	margin-top: 2px;
}

/* ...ir 2-o lygio paprastos nuorodos (ne „#“) – atrodo kaip įprasti punktai */
.main-navigation #main-menu > li > .sub-menu > li.menu-link > a,
.main-navigation #main-menu > li > .sub-menu .sub-menu a {
	display: block;
	padding: 6px 0;
	color: var(--color-body);
	font-weight: 400;
	font-size: 14px;
	text-transform: none;
	letter-spacing: normal;
}

.main-navigation #main-menu > li > .sub-menu > li.menu-link > a:hover,
.main-navigation #main-menu > li > .sub-menu > li.menu-link > a:focus-visible,
.main-navigation #main-menu > li > .sub-menu .sub-menu a:hover,
.main-navigation #main-menu > li > .sub-menu .sub-menu a:focus-visible {
	color: var(--color-primary-dark);
}

/*
 * Ikonėlės šalia meniu punktų – be jokio papildomo lauko/plugin'o.
 * Administratorius meniu redaktoriuje (Išvaizda → Meniu → Ekrano parinktys
 * → „CSS klasės“) prie norimo punkto įrašo klasę, pvz. „icon-house“ – ikona
 * atsiranda automatiškai, veikia bet kuriame meniu lygyje. Pilnas sąrašas
 * ir vaizdinė špargalė – Išvaizda → Ikonų sąrašas.
 *
 * Naudojamas mask-image (ne background-image): ikonos failuose nudažytos
 * grynai baltai, o realią spalvą suteikia background-color:currentColor –
 * todėl ikona automatiškai sutampa su nuorodos spalva bet kurioje būsenoje
 * (numatytoje, užvedus pele, aktyvioje ir pan.), be atskirų taisyklių.
 *
 * Ikonų šaltinis: Tabler Icons (tabler.io/icons, MIT licencija) –
 * savarankiškai talpinamos kataloge assets/images/icons/.
 */
.menu-item[class*='icon-'] > a::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	vertical-align: -5px;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

/* Finansai ir taupymas */
.icon-bank > a::before { -webkit-mask-image: url('../images/icons/bank.svg'); mask-image: url('../images/icons/bank.svg'); }
.icon-card > a::before { -webkit-mask-image: url('../images/icons/card.svg'); mask-image: url('../images/icons/card.svg'); }
.icon-card-pay > a::before { -webkit-mask-image: url('../images/icons/card-pay.svg'); mask-image: url('../images/icons/card-pay.svg'); }
.icon-wallet > a::before { -webkit-mask-image: url('../images/icons/wallet.svg'); mask-image: url('../images/icons/wallet.svg'); }
.icon-coin > a::before { -webkit-mask-image: url('../images/icons/coin.svg'); mask-image: url('../images/icons/coin.svg'); }
.icon-coins > a::before { -webkit-mask-image: url('../images/icons/coins.svg'); mask-image: url('../images/icons/coins.svg'); }
.icon-piggy-bank > a::before { -webkit-mask-image: url('../images/icons/piggy-bank.svg'); mask-image: url('../images/icons/piggy-bank.svg'); }
.icon-cash > a::before { -webkit-mask-image: url('../images/icons/cash.svg'); mask-image: url('../images/icons/cash.svg'); }
.icon-banknote > a::before { -webkit-mask-image: url('../images/icons/banknote.svg'); mask-image: url('../images/icons/banknote.svg'); }
.icon-moneybag > a::before { -webkit-mask-image: url('../images/icons/moneybag.svg'); mask-image: url('../images/icons/moneybag.svg'); }
.icon-currency > a::before { -webkit-mask-image: url('../images/icons/currency.svg'); mask-image: url('../images/icons/currency.svg'); }
.icon-exchange > a::before { -webkit-mask-image: url('../images/icons/exchange.svg'); mask-image: url('../images/icons/exchange.svg'); }
.icon-percentage > a::before { -webkit-mask-image: url('../images/icons/percentage.svg'); mask-image: url('../images/icons/percentage.svg'); }
.icon-discount > a::before { -webkit-mask-image: url('../images/icons/discount.svg'); mask-image: url('../images/icons/discount.svg'); }
.icon-tag > a::before { -webkit-mask-image: url('../images/icons/tag.svg'); mask-image: url('../images/icons/tag.svg'); }
.icon-calculator > a::before { -webkit-mask-image: url('../images/icons/calculator.svg'); mask-image: url('../images/icons/calculator.svg'); }
.icon-cash-register > a::before { -webkit-mask-image: url('../images/icons/cash-register.svg'); mask-image: url('../images/icons/cash-register.svg'); }

/* Ataskaitos ir analitika */
.icon-report > a::before { -webkit-mask-image: url('../images/icons/report.svg'); mask-image: url('../images/icons/report.svg'); }
.icon-report-money > a::before { -webkit-mask-image: url('../images/icons/report-money.svg'); mask-image: url('../images/icons/report-money.svg'); }
.icon-chart > a::before { -webkit-mask-image: url('../images/icons/chart.svg'); mask-image: url('../images/icons/chart.svg'); }
.icon-chart-pie > a::before { -webkit-mask-image: url('../images/icons/chart-pie.svg'); mask-image: url('../images/icons/chart-pie.svg'); }
.icon-chart-line > a::before { -webkit-mask-image: url('../images/icons/chart-line.svg'); mask-image: url('../images/icons/chart-line.svg'); }
.icon-trending > a::before { -webkit-mask-image: url('../images/icons/trending.svg'); mask-image: url('../images/icons/trending.svg'); }
.icon-trending-down > a::before { -webkit-mask-image: url('../images/icons/trending-down.svg'); mask-image: url('../images/icons/trending-down.svg'); }
.icon-presentation > a::before { -webkit-mask-image: url('../images/icons/presentation.svg'); mask-image: url('../images/icons/presentation.svg'); }

/* Verslas ir parama */
.icon-rocket > a::before { -webkit-mask-image: url('../images/icons/rocket.svg'); mask-image: url('../images/icons/rocket.svg'); }
.icon-briefcase > a::before { -webkit-mask-image: url('../images/icons/briefcase.svg'); mask-image: url('../images/icons/briefcase.svg'); }
.icon-business-plan > a::before { -webkit-mask-image: url('../images/icons/business-plan.svg'); mask-image: url('../images/icons/business-plan.svg'); }
.icon-bulb > a::before { -webkit-mask-image: url('../images/icons/bulb.svg'); mask-image: url('../images/icons/bulb.svg'); }
.icon-target > a::before { -webkit-mask-image: url('../images/icons/target.svg'); mask-image: url('../images/icons/target.svg'); }
.icon-seedling > a::before { -webkit-mask-image: url('../images/icons/seedling.svg'); mask-image: url('../images/icons/seedling.svg'); }
.icon-building-store > a::before { -webkit-mask-image: url('../images/icons/building-store.svg'); mask-image: url('../images/icons/building-store.svg'); }
.icon-building > a::before { -webkit-mask-image: url('../images/icons/building.svg'); mask-image: url('../images/icons/building.svg'); }
.icon-factory > a::before { -webkit-mask-image: url('../images/icons/factory.svg'); mask-image: url('../images/icons/factory.svg'); }
.icon-warehouse > a::before { -webkit-mask-image: url('../images/icons/warehouse.svg'); mask-image: url('../images/icons/warehouse.svg'); }
.icon-truck > a::before { -webkit-mask-image: url('../images/icons/truck.svg'); mask-image: url('../images/icons/truck.svg'); }
.icon-tools > a::before { -webkit-mask-image: url('../images/icons/tools.svg'); mask-image: url('../images/icons/tools.svg'); }
.icon-award > a::before { -webkit-mask-image: url('../images/icons/award.svg'); mask-image: url('../images/icons/award.svg'); }
.icon-trophy > a::before { -webkit-mask-image: url('../images/icons/trophy.svg'); mask-image: url('../images/icons/trophy.svg'); }
.icon-certificate > a::before { -webkit-mask-image: url('../images/icons/certificate.svg'); mask-image: url('../images/icons/certificate.svg'); }

/* Būstas, turtas ir energetika */
.icon-house > a::before { -webkit-mask-image: url('../images/icons/house.svg'); mask-image: url('../images/icons/house.svg'); }
.icon-home-euro > a::before { -webkit-mask-image: url('../images/icons/home-euro.svg'); mask-image: url('../images/icons/home-euro.svg'); }
.icon-apartment > a::before { -webkit-mask-image: url('../images/icons/apartment.svg'); mask-image: url('../images/icons/apartment.svg'); }
.icon-key > a::before { -webkit-mask-image: url('../images/icons/key.svg'); mask-image: url('../images/icons/key.svg'); }
.icon-paint > a::before { -webkit-mask-image: url('../images/icons/paint.svg'); mask-image: url('../images/icons/paint.svg'); }
.icon-sofa > a::before { -webkit-mask-image: url('../images/icons/sofa.svg'); mask-image: url('../images/icons/sofa.svg'); }
.icon-car > a::before { -webkit-mask-image: url('../images/icons/car.svg'); mask-image: url('../images/icons/car.svg'); }
.icon-solar > a::before { -webkit-mask-image: url('../images/icons/solar.svg'); mask-image: url('../images/icons/solar.svg'); }
.icon-energy > a::before { -webkit-mask-image: url('../images/icons/energy.svg'); mask-image: url('../images/icons/energy.svg'); }
.icon-leaf > a::before { -webkit-mask-image: url('../images/icons/leaf.svg'); mask-image: url('../images/icons/leaf.svg'); }

/* Žemės ūkis */
.icon-tractor > a::before { -webkit-mask-image: url('../images/icons/tractor.svg'); mask-image: url('../images/icons/tractor.svg'); }
.icon-wheat > a::before { -webkit-mask-image: url('../images/icons/wheat.svg'); mask-image: url('../images/icons/wheat.svg'); }
.icon-plant > a::before { -webkit-mask-image: url('../images/icons/plant.svg'); mask-image: url('../images/icons/plant.svg'); }

/* Gyvenimo įvykiai */
.icon-school > a::before { -webkit-mask-image: url('../images/icons/school.svg'); mask-image: url('../images/icons/school.svg'); }
.icon-baby > a::before { -webkit-mask-image: url('../images/icons/baby.svg'); mask-image: url('../images/icons/baby.svg'); }
.icon-heart > a::before { -webkit-mask-image: url('../images/icons/heart.svg'); mask-image: url('../images/icons/heart.svg'); }
.icon-medical > a::before { -webkit-mask-image: url('../images/icons/medical.svg'); mask-image: url('../images/icons/medical.svg'); }
.icon-plane > a::before { -webkit-mask-image: url('../images/icons/plane.svg'); mask-image: url('../images/icons/plane.svg'); }
.icon-beach > a::before { -webkit-mask-image: url('../images/icons/beach.svg'); mask-image: url('../images/icons/beach.svg'); }
.icon-umbrella > a::before { -webkit-mask-image: url('../images/icons/umbrella.svg'); mask-image: url('../images/icons/umbrella.svg'); }
.icon-gift > a::before { -webkit-mask-image: url('../images/icons/gift.svg'); mask-image: url('../images/icons/gift.svg'); }

/* Saugumas ir tapatybė */
.icon-shield > a::before { -webkit-mask-image: url('../images/icons/shield.svg'); mask-image: url('../images/icons/shield.svg'); }
.icon-shield-check > a::before { -webkit-mask-image: url('../images/icons/shield-check.svg'); mask-image: url('../images/icons/shield-check.svg'); }
.icon-shield-lock > a::before { -webkit-mask-image: url('../images/icons/shield-lock.svg'); mask-image: url('../images/icons/shield-lock.svg'); }
.icon-lock > a::before { -webkit-mask-image: url('../images/icons/lock.svg'); mask-image: url('../images/icons/lock.svg'); }
.icon-lock-open > a::before { -webkit-mask-image: url('../images/icons/lock-open.svg'); mask-image: url('../images/icons/lock-open.svg'); }
.icon-password > a::before { -webkit-mask-image: url('../images/icons/password.svg'); mask-image: url('../images/icons/password.svg'); }
.icon-fingerprint > a::before { -webkit-mask-image: url('../images/icons/fingerprint.svg'); mask-image: url('../images/icons/fingerprint.svg'); }
.icon-alert > a::before { -webkit-mask-image: url('../images/icons/alert.svg'); mask-image: url('../images/icons/alert.svg'); }
.icon-id > a::before { -webkit-mask-image: url('../images/icons/id.svg'); mask-image: url('../images/icons/id.svg'); }
.icon-check > a::before { -webkit-mask-image: url('../images/icons/check.svg'); mask-image: url('../images/icons/check.svg'); }

/* Dokumentai ir informacija */
.icon-file-text > a::before { -webkit-mask-image: url('../images/icons/file-text.svg'); mask-image: url('../images/icons/file-text.svg'); }
.icon-files > a::before { -webkit-mask-image: url('../images/icons/files.svg'); mask-image: url('../images/icons/files.svg'); }
.icon-file-download > a::before { -webkit-mask-image: url('../images/icons/file-download.svg'); mask-image: url('../images/icons/file-download.svg'); }
.icon-file-certificate > a::before { -webkit-mask-image: url('../images/icons/file-certificate.svg'); mask-image: url('../images/icons/file-certificate.svg'); }
.icon-invoice > a::before { -webkit-mask-image: url('../images/icons/invoice.svg'); mask-image: url('../images/icons/invoice.svg'); }
.icon-receipt > a::before { -webkit-mask-image: url('../images/icons/receipt.svg'); mask-image: url('../images/icons/receipt.svg'); }
.icon-receipt-tax > a::before { -webkit-mask-image: url('../images/icons/receipt-tax.svg'); mask-image: url('../images/icons/receipt-tax.svg'); }
.icon-signature > a::before { -webkit-mask-image: url('../images/icons/signature.svg'); mask-image: url('../images/icons/signature.svg'); }
.icon-clipboard > a::before { -webkit-mask-image: url('../images/icons/clipboard.svg'); mask-image: url('../images/icons/clipboard.svg'); }
.icon-checklist > a::before { -webkit-mask-image: url('../images/icons/checklist.svg'); mask-image: url('../images/icons/checklist.svg'); }
.icon-scale > a::before { -webkit-mask-image: url('../images/icons/scale.svg'); mask-image: url('../images/icons/scale.svg'); }
.icon-book > a::before { -webkit-mask-image: url('../images/icons/book.svg'); mask-image: url('../images/icons/book.svg'); }
.icon-folder > a::before { -webkit-mask-image: url('../images/icons/folder.svg'); mask-image: url('../images/icons/folder.svg'); }
.icon-download > a::before { -webkit-mask-image: url('../images/icons/download.svg'); mask-image: url('../images/icons/download.svg'); }
.icon-printer > a::before { -webkit-mask-image: url('../images/icons/printer.svg'); mask-image: url('../images/icons/printer.svg'); }
.icon-news > a::before { -webkit-mask-image: url('../images/icons/news.svg'); mask-image: url('../images/icons/news.svg'); }
.icon-speakerphone > a::before { -webkit-mask-image: url('../images/icons/speakerphone.svg'); mask-image: url('../images/icons/speakerphone.svg'); }
.icon-info > a::before { -webkit-mask-image: url('../images/icons/info.svg'); mask-image: url('../images/icons/info.svg'); }
.icon-help > a::before { -webkit-mask-image: url('../images/icons/help.svg'); mask-image: url('../images/icons/help.svg'); }

/* Nariai ir bendruomenė */
.icon-user > a::before { -webkit-mask-image: url('../images/icons/user.svg'); mask-image: url('../images/icons/user.svg'); }
.icon-user-plus > a::before { -webkit-mask-image: url('../images/icons/user-plus.svg'); mask-image: url('../images/icons/user-plus.svg'); }
.icon-users > a::before { -webkit-mask-image: url('../images/icons/users.svg'); mask-image: url('../images/icons/users.svg'); }
.icon-users-group > a::before { -webkit-mask-image: url('../images/icons/users-group.svg'); mask-image: url('../images/icons/users-group.svg'); }
.icon-heart-handshake > a::before { -webkit-mask-image: url('../images/icons/heart-handshake.svg'); mask-image: url('../images/icons/heart-handshake.svg'); }
.icon-star > a::before { -webkit-mask-image: url('../images/icons/star.svg'); mask-image: url('../images/icons/star.svg'); }
.icon-thumb-up > a::before { -webkit-mask-image: url('../images/icons/thumb-up.svg'); mask-image: url('../images/icons/thumb-up.svg'); }
.icon-accessible > a::before { -webkit-mask-image: url('../images/icons/accessible.svg'); mask-image: url('../images/icons/accessible.svg'); }

/* Kontaktai ir aptarnavimas */
.icon-phone > a::before { -webkit-mask-image: url('../images/icons/phone.svg'); mask-image: url('../images/icons/phone.svg'); }
.icon-headset > a::before { -webkit-mask-image: url('../images/icons/headset.svg'); mask-image: url('../images/icons/headset.svg'); }
.icon-mail > a::before { -webkit-mask-image: url('../images/icons/mail.svg'); mask-image: url('../images/icons/mail.svg'); }
.icon-message > a::before { -webkit-mask-image: url('../images/icons/message.svg'); mask-image: url('../images/icons/message.svg'); }
.icon-messages > a::before { -webkit-mask-image: url('../images/icons/messages.svg'); mask-image: url('../images/icons/messages.svg'); }
.icon-bell > a::before { -webkit-mask-image: url('../images/icons/bell.svg'); mask-image: url('../images/icons/bell.svg'); }
.icon-map-pin > a::before { -webkit-mask-image: url('../images/icons/map-pin.svg'); mask-image: url('../images/icons/map-pin.svg'); }
.icon-map > a::before { -webkit-mask-image: url('../images/icons/map.svg'); mask-image: url('../images/icons/map.svg'); }
.icon-clock > a::before { -webkit-mask-image: url('../images/icons/clock.svg'); mask-image: url('../images/icons/clock.svg'); }
.icon-calendar > a::before { -webkit-mask-image: url('../images/icons/calendar.svg'); mask-image: url('../images/icons/calendar.svg'); }
.icon-calendar-event > a::before { -webkit-mask-image: url('../images/icons/calendar-event.svg'); mask-image: url('../images/icons/calendar-event.svg'); }

/* Elektroninės paslaugos */
.icon-world > a::before { -webkit-mask-image: url('../images/icons/world.svg'); mask-image: url('../images/icons/world.svg'); }
.icon-mobile > a::before { -webkit-mask-image: url('../images/icons/mobile.svg'); mask-image: url('../images/icons/mobile.svg'); }
.icon-laptop > a::before { -webkit-mask-image: url('../images/icons/laptop.svg'); mask-image: url('../images/icons/laptop.svg'); }
.icon-qrcode > a::before { -webkit-mask-image: url('../images/icons/qrcode.svg'); mask-image: url('../images/icons/qrcode.svg'); }
.icon-login > a::before { -webkit-mask-image: url('../images/icons/login.svg'); mask-image: url('../images/icons/login.svg'); }
.icon-settings > a::before { -webkit-mask-image: url('../images/icons/settings.svg'); mask-image: url('../images/icons/settings.svg'); }
.icon-search > a::before { -webkit-mask-image: url('../images/icons/search.svg'); mask-image: url('../images/icons/search.svg'); }
.icon-external-link > a::before { -webkit-mask-image: url('../images/icons/external-link.svg'); mask-image: url('../images/icons/external-link.svg'); }

/* Socialiniai tinklai */
.icon-facebook > a::before { -webkit-mask-image: url('../images/icons/facebook.svg'); mask-image: url('../images/icons/facebook.svg'); }
.icon-linkedin > a::before { -webkit-mask-image: url('../images/icons/linkedin.svg'); mask-image: url('../images/icons/linkedin.svg'); }
.icon-instagram > a::before { -webkit-mask-image: url('../images/icons/instagram.svg'); mask-image: url('../images/icons/instagram.svg'); }
.icon-youtube > a::before { -webkit-mask-image: url('../images/icons/youtube.svg'); mask-image: url('../images/icons/youtube.svg'); }

.site-header .link {
	margin-left: auto;
	padding: 0;
}

.site-header .link a {
	display: inline-block;
	border: 2px solid var(--color-accent);
	color: var(--color-accent);
	border-radius: var(--radius);
	padding: 9px 20px;
	font-weight: 700;
	font-size: 14px;
}

.site-header .link a:hover {
	background: var(--color-accent);
	color: var(--color-white);
}

.mobile-menu {
	display: none;
	width: 32px;
	height: 24px;
	margin: 0 0 0 20px;
	flex-direction: column;
	justify-content: space-between;
}

.mobile-menu span {
	display: block;
	height: 2px;
	background: var(--color-ink);
}

/* ---- Mobilus meniu -------------------------------------------------------- */

@media screen and (max-width: 1023px) {
	/*
	 * HTML'e meniu mygtukas eina PO meniu bloku, o šis telefone užima visą
	 * eilutės plotį – be order mygtukas nukristų į atskirą eilutę po
	 * logotipu. Tvarka: logotipas, mygtukas (dešinėje), tada meniu.
	 */
	.site-header .logo {
		order: 1;
	}

	.mobile-menu {
		display: flex;
		order: 2;
		margin-left: auto;
	}

	.site-header .link {
		display: none;
	}

	.menu-holder {
		order: 3;
		flex-basis: 100%;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.25s ease-out;
	}

	/*
	 * Atidarytas meniu – ne aukštesnis už likusį ekraną ir slenka savo
	 * viduje. Antraštė prilipusi (sticky), todėl be to apatiniai punktai
	 * padidinus (200 %) ar gulsčiame telefone būtų nepasiekiami (WCAG 1.4.10).
	 * --unija-menu-max nustato navigation.js pagal realų likusį aukštį.
	 */
	.site-header.menu-open .menu-holder {
		max-height: var(--unija-menu-max, calc(100vh - 80px));
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-bottom: 12px;
	}

	.main-navigation #main-menu {
		flex-direction: column;
		column-gap: 0;
	}

	.main-navigation #main-menu > li > a {
		padding: 12px 0;
		justify-content: space-between;
		border-bottom: 1px solid var(--color-line-light);
	}

	.main-navigation #main-menu > li > .sub-menu,
	.main-navigation #main-menu > li:hover > .sub-menu {
		display: none;
		position: static;
		box-shadow: none;
		max-width: none;
		padding: 6px 0 10px 16px;
		flex-direction: column;
		gap: 16px;
	}

	.main-navigation #main-menu > li.menu-open > .sub-menu {
		display: flex;
	}

	/* Mobiliajame akordeone stulpeliai virsta pilno pločio, po vieną eilutėje. */
	.main-navigation #main-menu > li > .sub-menu > li {
		width: auto;
		max-width: none;
	}
}

/*
 * Žemame ekrane (padidinus 200 %, gulsčias telefonas) prilipusi antraštė
 * užimtų didelę ekrano dalį ir uždengtų turinį, į kurį pereinama klaviatūra
 * (WCAG 2.4.11). Tokiu atveju antraštė slenka kartu su puslapiu, o
 * atidarytas meniu tiesiog išsiskleidžia puslapyje.
 */
@media screen and (max-height: 500px) {
	.site-header {
		position: relative;
	}

	.site-header.menu-open .menu-holder {
		max-height: none;
		overflow-y: visible;
	}
}

/* ---- Puslapio antraštės juosta (page header banner) ----------------------- */

.entry-header {
	position: relative;
	height: 260px;
	margin: 0 0 60px;
	background: var(--color-surface);
	overflow: hidden;
}

/* Featured paveiksliukas kaip uku.lt: prigludęs prie DEŠINIO krašto,
   aukštis = antraštės aukštis (260px / 180px mobiliam), plotis – pagal
   natūralias proporcijas (width: auto), kairėje lieka --color-surface fonas.
   Jei proporcingas plotis viršytų juostos plotį (siauras ekranas),
   max-width: 100% jį apriboja, o object-fit: cover + object-position: right
   apkarpo KAIRĘ pusę (ne ištempia). position: absolute – kad <img> nebūtų
   dokumento sraute ir nestumtų .wrap žemyn. Klasės selektorius nugali
   globalią `img { height: auto }` ir WP width/height atributus. */
.entry-header-img {
	position: absolute;
	top: 0;
	right: max(20px, calc((100% - var(--container)) / 2 + 20px));
	bottom: auto;
	left: auto;
	display: block;
	height: 100%;
	width: auto;
	max-width: 100%;
	object-fit: cover;
	object-position: right center;
}

.entry-header .wrap {
	position: absolute;
	inset: 0;
}

/*
 * Antraštė ir trupinių takas centruojami juostos aukštyje (anksčiau buvo
 * prispausti prie apačios). Ilgi pavadinimai auga į abi puses, todėl
 * neužlipa ant juostos krašto.
 */
.entry-header .title {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	bottom: auto;
	left: 20px;
	right: 20px;
}

.entry-header .entry-title {
	margin: 0 0 10px;
	color: var(--color-ink);
	text-shadow:
		0 0 6px var(--color-white),
		0 0 6px var(--color-white),
		0 0 18px var(--color-white),
		0 0 18px var(--color-white);
}

.breadcrumbs {
	display: block;
	color: var(--color-body);
	font-size: 14px;
	text-shadow:
		0 0 6px var(--color-white),
		0 0 6px var(--color-white),
		0 0 14px var(--color-white);
}

.breadcrumbs a {
	color: var(--color-ink);
}

.breadcrumbs a::after {
	content: '>';
	display: inline-block;
	margin: 0 8px;
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
	/*
	 * Telefone juosta auga pagal pavadinimo ilgį (bent 180px), pavadinimas
	 * mažesnis – kad ilgas jis neužimtų 4–5 eilučių ir nebūtų nukirptas.
	 */
	.entry-header {
		display: flex;
		align-items: center;
		height: auto;
		min-height: 180px;
		margin: 0 0 40px;
	}

	.entry-header .wrap {
		position: relative;
		inset: auto;
		z-index: 1;
		width: 100%;
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.entry-header .title {
		position: static;
		transform: none;
	}

	.entry-header .entry-title {
		font-size: clamp(26px, 7.5vw, 34px);
		line-height: 1.15;
		/* Stipresnis baltas švytėjimas – telefone tekstas visada ant paveiksliuko. */
		text-shadow:
			0 0 4px var(--color-white),
			0 0 8px var(--color-white),
			0 0 8px var(--color-white),
			0 0 16px var(--color-white),
			0 0 24px var(--color-white);
	}

	/*
	 * Šviesus perėjimas virš paveiksliuko kairėje: tekstas lieka įskaitomas
	 * ant bet kokios nuotraukos, dešinėje paveiksliukas matomas ryškiai.
	 */
	.entry-header::after {
		content: '';
		position: absolute;
		inset: 0;
		pointer-events: none;
		background: linear-gradient(
			90deg,
			rgba(245, 245, 245, 0.85) 0%,
			rgba(245, 245, 245, 0.6) 55%,
			rgba(245, 245, 245, 0) 100%
		);
	}
}

/* ---- Turinys (entry-content) ---------------------------------------------- */

/*
 * .site turi overflow-x: clip, todėl už ekrano išėjęs turinys būtų tiesiog
 * nukirptas (atrodo, lyg trūktų dešinės paraštės). Ilgi žodžiai / adresai
 * keliami į kitą eilutę, o plačios lentelės (kainynai) slenkamos horizontaliai
 * savo viduje, ne visas puslapis.
 */
.entry-content {
	overflow-wrap: break-word;
}

.entry-content .wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 767px) {
	.entry-content > table,
	.entry-content :not(.wp-block-table) > table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}
}

#primary {
	padding-bottom: 60px;
}

/*
 * Antraštės turinyje atskiriamos nuo prieš jas einančio teksto: didesnis
 * tarpas viršuje nei apačioje, kad antraštė vizualiai „priklausytų“ jai
 * einančiai sekcijai. Pirmas turinio elementas tarpo negauna.
 */
.entry-content h2 {
	margin-top: 48px;
}

.entry-content h3 {
	margin-top: 36px;
}

.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-top: 28px;
}

.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child {
	margin-top: 0;
}

.entry-content p {
	line-height: 1.75;
}

.entry-content table {
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
}

.entry-content table td,
.entry-content table th {
	border: none;
	border-top: 1px solid var(--color-line-light);
	padding: 10px 20px 10px 0;
	text-align: left;
}

.entry-content table tr:first-child td,
.entry-content table th {
	border-top: none;
	border-bottom: 2px solid var(--color-line-light);
	font-weight: 700;
	color: var(--color-ink);
}

.entry-content blockquote {
	margin: 0 0 20px;
	padding: 20px 30px;
	border-left: 4px solid var(--color-lime);
	background: var(--color-surface);
	font-style: italic;
}

/*
 * DUK/akordeonas/tabai – standartinis WP „Details“ (core/details) blokas,
 * be JS/plugin'o. Antraštė (summary) sąmoningai aiškiai atskirta nuo turinio
 * – savo fono juosta, ryški žalia spalva, didesnis šriftas, rodyklė – kad
 * iš karto būtų aišku, jog tai išskleidžiamas skydelis, o ne paprasta
 * pastraipa.
 */
/*
 * Tarp gretimų akordeono blokų užtenka 12px, bet po paprasto teksto reikia
 * didesnio tarpo – todėl viršutinė paraštė dedama tik tada, kai prieš bloką
 * eina ne akordeonas.
 */
.entry-content > *:not(.wp-block-details) + .wp-block-details {
	margin-top: 24px;
}

/*
 * Be rėmelio ir baltos – taip pat, kaip kitos temos kortelės (šoninė
 * navigacija, paslaugų kortelės): vientisas pilkas fonas ir --radius-card.
 */
.entry-content .wp-block-details {
	margin: 0 0 8px;
	background: var(--color-surface);
	border-radius: var(--radius-card);
	overflow: hidden;
}

.entry-content .wp-block-details summary {
	cursor: pointer;
	display: block;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -0.01em;
	color: var(--color-primary-dark);
	list-style: none;
	padding: 11px 42px 11px 18px;
	position: relative;
	background: transparent;
}

.entry-content .wp-block-details summary:hover {
	color: var(--color-primary-darker);
}

.entry-content .wp-block-details summary::-webkit-details-marker {
	display: none;
}

.entry-content .wp-block-details summary::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 18px;
	width: 10px;
	height: 10px;
	margin-top: -6px;
	border-right: 2px solid var(--color-primary-dark);
	border-bottom: 2px solid var(--color-primary-dark);
	transform: rotate(45deg);
	transition: transform 0.2s ease-out;
}

.entry-content .wp-block-details[open] summary::after {
	transform: rotate(-135deg);
	margin-top: -2px;
}

.entry-content .wp-block-details summary > * {
	display: inline;
}

.entry-content .wp-block-details > *:not(summary) {
	margin: 12px 18px 0;
}

/*
 * Sąrašams reikia atskiros taisyklės: bendroji .entry-content ul taisyklė su
 * dviem :not() turi didesnį specifiškumą (0,3,1) nei aukščiau esanti (0,2,2),
 * todėl be šito sąrašas akordeone liktų su savo margin: 0 0 20px – be tarpo
 * viršuje ir su dvigubu apačioje.
 */
.entry-content .wp-block-details > ul:not(.wp-block-gallery):not(.blocks-gallery-grid):not(.unija-staff):not(.unija-staff__contacts),
.entry-content .wp-block-details > ol {
	margin: 12px 18px 0;
}

/*
 * Tarpas tarp paskutinio atsakymo elemento ir rėmelio daromas bloko
 * padding'u, o ne vidinio elemento parašte: skirtingi blokai (p, ul, lentelė)
 * turi skirtingas savo paraštes, todėl anksčiau rezultatas priklausė nuo to,
 * kuo baigiasi atsakymas. Uždarytame bloke padding nereikalingas.
 */
.entry-content .wp-block-details > *:last-child {
	margin-bottom: 0;
}

.entry-content .wp-block-details[open] {
	padding-bottom: 14px;
}

/*
 * Tabai (kilę iš „card-table“/„tabs“/„soc-tabs“ – pvz. Įkainiai / SEPA
 * vykdymo laikai / Perkėlimo paslauga) – TIKRAS natyvus WP „Tabs“ blokas
 * (core/tabs > core/tab-list + core/tab-panels > core/tab-panel), tas pats,
 * kurį redaktorius sukuria per „/tabs“ komandą – horizontaliai
 * perjungiami, ne akordeono tipo. Stilius čia liečia TIK tabo
 * lapelio/antraštės (button) išvaizdą – kad iš karto būtų aišku, jog tai
 * paspaudžiamas tabas, o ne paprastas tekstas; pats perjungimas (rodymas/
 * slėpimas, klaviatūros valdymas, ARIA) – WP core interaktyvumo variklio.
 */
.entry-content .wp-block-tab-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 -1px;
	border-bottom: 2px solid var(--color-line);
}

.entry-content .wp-block-tab-list button {
	appearance: none;
	cursor: pointer;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -0.01em;
	color: var(--color-ink);
	background: var(--color-surface);
	border: 1px solid var(--color-line);
	border-bottom: none;
	border-radius: 6px 6px 0 0;
	padding: 12px 22px;
	margin: 0;
}

.entry-content .wp-block-tab-list button:hover {
	color: var(--color-accent);
	background: var(--color-white);
}

.entry-content .wp-block-tab-list button[aria-selected="true"] {
	color: var(--color-accent);
	background: var(--color-white);
	border-color: var(--color-line);
	position: relative;
}

.entry-content .wp-block-tab-list button[aria-selected="true"]::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;
	background: var(--color-white);
}

.entry-content .wp-block-tab-panels {
	background: var(--color-white);
	border: 1px solid var(--color-line);
	border-top: none;
	border-radius: 0 0 8px 8px;
	padding: 22px 24px;
}

.entry-content .wp-block-tab-panel > *:first-child {
	margin-top: 0;
}

.entry-content .wp-block-tab-panel > *:last-child {
	margin-bottom: 0;
}

/* Darbuotojų bloko sąrašai (.unija-staff) turi savo išvaizdą – be taškelių. */
.entry-content ul:not(.wp-block-gallery):not(.blocks-gallery-grid):not(.unija-staff):not(.unija-staff__contacts) {
	margin: 0 0 20px;
	padding-left: 24px;
	list-style: disc;
}

.entry-content ol {
	margin: 0 0 20px;
	padding-left: 24px;
	list-style: decimal;
}

/*
 * Sąrašo punktams tas pats eilučių aukštis kaip pastraipoms (body duoda 1.5,
 * o .entry-content p – 1.75), plius tarpas tarp punktų: be jo daugiaeilis
 * punktas vizualiai susilieja su kitu.
 */
.entry-content ul:not(.wp-block-gallery):not(.blocks-gallery-grid):not(.unija-staff):not(.unija-staff__contacts) li,
.entry-content ol li {
	padding-left: 4px;
	line-height: 1.75;
	margin-bottom: 8px;
}

.entry-content ul:not(.wp-block-gallery):not(.blocks-gallery-grid):not(.unija-staff):not(.unija-staff__contacts) li:last-child,
.entry-content ol li:last-child {
	margin-bottom: 0;
}

.entry-content ul:not(.wp-block-gallery):not(.blocks-gallery-grid):not(.unija-staff):not(.unija-staff__contacts) li::marker,
.entry-content ol li::marker {
	color: var(--color-primary-dark);
	font-weight: 700;
}

.entry-content figure {
	margin: 0 0 30px;
}

.entry-content figure img {
	border-radius: var(--radius);
}

.page-links {
	padding-top: 20px;
	font-weight: 700;
}

/* ---- Naujienų filtrai ir sąrašas -------------------------------------------- */

.news-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-line-light);
	margin-bottom: 30px;
}

.news-filter-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.news-filter-tabs a {
	color: var(--color-muted);
	font-weight: 700;
	font-size: 15px;
	padding-bottom: 4px;
	border-bottom: 2px solid transparent;
}

.news-filter-tabs a.active,
.news-filter-tabs a:hover {
	color: var(--color-primary-dark);
	border-color: var(--color-lime);
}

.news-filter-q {
	display: flex;
	align-items: center;
	gap: 12px;
	/* margin-left: auto (ne vien tėvinio .news-filter justify-content:
	   space-between) – kad ši grupė (metų filtras + paieška) liktų
	   lygiuota DEŠINĖJE net tada, kai .news-filter-tabs neatsitenka į tą
	   pačią eilutę ir ši grupė persikelia į savo eilutę (flex-wrap). Be to
	   „space-between“ vienišam elementui savo eilutėje būtų kairėje. */
	margin-left: auto;
}

.news-filter-year {
	border: 1px solid var(--color-line);
	border-radius: var(--radius);
	padding: 8px 10px;
	color: var(--color-body);
	font-family: var(--font-body);
}

.news-filter-search {
	display: flex;
	align-items: center;
	border: 1px solid var(--color-line);
	border-radius: var(--radius);
	overflow: hidden;
}

.news-filter-search input {
	border: none;
	padding: 8px 10px;
	font-family: var(--font-body);
	min-width: 180px;
}

.news-filter-search button {
	border: none;
	background: var(--color-surface);
	padding: 8px 12px;
	cursor: pointer;
	color: var(--color-muted);
}

.news-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px 24px;
}

.news-item img {
	display: block;
	border-radius: var(--radius);
	margin: 0 0 16px;
	width: 100%;
	aspect-ratio: 620 / 320;
	object-fit: cover;
}

.news-item-image {
	position: relative;
}

.news-item-content {
	position: relative;
	padding-left: 46px;
	color: var(--color-body);
	font-size: 15px;
}

.news-item .date {
	position: absolute;
	left: 0;
	top: 3px;
	width: 32px;
	text-align: center;
	line-height: 1;
	font-weight: 700;
	color: var(--color-body);
}

.news-item .date .day {
	display: block;
	font-size: 18px;
}

.news-item .date .month {
	display: block;
	text-transform: lowercase;
	font-size: 12px;
}

.news-item .date .year {
	display: block;
	font-size: 11px;
	color: var(--color-muted);
}

.news-item h4 {
	margin: 0 0 8px;
	font-size: 16px;
}

.news-item h4 a {
	color: var(--color-ink);
}

.news-item h4 a:hover {
	color: var(--color-primary-dark);
}

@media screen and (max-width: 991px) {
	.news-list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.news-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 479px) {
	.news-list {
		grid-template-columns: 1fr;
	}
}

.no-results {
	padding: 20px 0 60px;
	color: var(--color-body);
}

/* ---- Vienas naujienos įrašas ------------------------------------------------ */

.post-container {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	padding-top: 20px;
}

.post-wrapper {
	flex: 1 1 600px;
	position: relative;
	padding-left: 80px;
	padding-bottom: 40px;
	border-right: 1px solid var(--color-line);
	padding-right: 60px;
}

.post-date {
	position: absolute;
	left: 0;
	top: 8px;
	width: 60px;
	text-align: center;
	line-height: 1;
	font-weight: 700;
	color: var(--color-body);
}

.post-date .day {
	display: block;
	font-size: 34px;
}

.post-date .month {
	display: block;
	text-transform: lowercase;
	font-size: 20px;
}

.post-date .year {
	display: block;
	font-size: 16px;
	color: var(--color-muted);
}

/* Įrašo pavadinimas – mažesnis nei globalus h1 (56px), kaip uku.lt. */
.post-title {
	margin: 0 0 40px;
	font-size: 28px;
	line-height: 1.25;
}

@media screen and (min-width: 992px) {
	.post-title {
		font-size: 38px;
	}
}

/* Featured paveiksliukas – per visą stulpelio plotį, bet ne aukštesnis
   nei 425px; perteklius apkarpomas (object-fit: cover), ne ištempiamas. */
.post-wrapper > img,
.post-wrapper > .wp-post-image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 425px;
	object-fit: cover;
	object-position: center;
	border-radius: var(--radius);
	margin: 0 0 20px;
}

.link-back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	color: var(--color-ink);
	margin-top: 10px;
}

.link-back:hover {
	color: var(--color-primary-dark);
}

.post-sidebar {
	flex: 0 1 320px;
	padding-top: 8px;
}

.post-sidebar-title {
	font-size: 20px;
	margin-bottom: 20px;
}

.post-sidebar .news-item {
	margin-bottom: 30px;
}

.post-sidebar .news-item img {
	aspect-ratio: 620 / 320;
}

@media screen and (max-width: 991px) {
	.post-wrapper {
		border-right: none;
		padding-right: 0;
		flex-basis: 100%;
	}

	.post-sidebar {
		flex-basis: 100%;
	}
}

@media screen and (max-width: 599px) {
	.post-wrapper {
		padding-left: 0;
	}

	.post-date {
		position: static;
		text-align: left;
		width: auto;
		display: flex;
		gap: 8px;
		align-items: baseline;
		margin-bottom: 12px;
	}

	.post-date .day {
		font-size: 22px;
	}

	.post-date .month,
	.post-date .year {
		font-size: 14px;
	}
}

/* ---- Komentarai -------------------------------------------------------- */

.comments-area {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid var(--color-line-light);
}

.comment-list {
	margin: 0 0 30px;
}

.comment-list .comment-body {
	padding: 20px 0;
	border-bottom: 1px solid var(--color-line-light);
}

.comment-reply-title,
.comments-title {
	margin-bottom: 20px;
}

.comment-form input[type='text'],
.comment-form input[type='email'],
.comment-form input[type='url'],
.comment-form textarea {
	width: 100%;
	max-width: 480px;
	padding: 10px 12px;
	border: 1px solid var(--color-line);
	border-radius: var(--radius);
	font-family: var(--font-body);
	margin-bottom: 16px;
	display: block;
}

/* ---- Poraštė ------------------------------------------------------------ */

.site-footer {
	padding: 70px 0 30px;
	background: var(--color-footer-bg);
	color: var(--color-footer-text);
	font-size: 14px;
}

.site-footer h4 {
	color: var(--color-white);
	font-size: 16px;
	margin-bottom: 16px;
}

.site-footer a {
	color: var(--color-footer-text); /* #cccccc čia duotų tik 4.04:1 – po WCAG AA riba */
}

.site-footer a:hover {
	color: var(--color-white);
}

.site-footer .cols {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 30px;
}

.site-footer .col-1 img,
.site-footer .col-1 .custom-logo {
	width: 120px;
	height: auto;
}

.site-footer .menu-list li {
	margin-bottom: 8px;
}

.site-footer .social {
	display: flex;
	gap: 16px;
	margin-bottom: 20px;
}

.site-footer .social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: var(--color-white);
}

.site-footer .social a:hover {
	background: var(--color-primary);
	color: var(--color-white);
}

.site-footer .contacts p {
	padding-left: 26px;
	position: relative;
	margin-bottom: 8px;
	color: var(--color-footer-text); /* #cccccc čia duotų tik 4.04:1 – po WCAG AA riba */
}

.site-footer .contacts .phone {
	font-size: 16px;
	color: var(--color-white);
}

.site-footer .logos img {
	max-height: 46px;
	width: auto;
	margin: 0 20px 15px 0;
	filter: grayscale(1) brightness(1.8) opacity(0.7);
	transition: var(--transition);
}

.site-footer .logos img:hover {
	filter: grayscale(0) opacity(1);
}

.site-footer .copyright {
	margin-top: 16px;
	color: var(--color-footer-text); /* #aaaaaa čia duotų tik 2.79:1 */
	font-size: 13px;
}

/* Naudojama tik tamsiame poraštės fone (žr. footer.php) – jei kada
   prireiks šviesiame fone, čia reikės tamsesnės spalvos. */
.widget-placeholder {
	font-size: 13px;
	color: var(--color-footer-text);
	font-style: italic;
}

@media screen and (max-width: 1199px) {
	.site-footer .cols {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 599px) {
	.site-footer .cols {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Ilgi el. pašto adresai ir nuorodos neišstumia stulpelių už ekrano. */
.site-footer {
	overflow-wrap: anywhere;
}

/* ---- Block pattern pagalbinės klasės (naudojamos vietoj ACF flexible content) -- */

.uku-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 24px;
}

.uku-card {
	background: var(--color-surface);
	border-radius: 8px;
	padding: 30px 26px;
	text-align: left;
}

.uku-card .uku-card-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--color-primary);
	color: var(--color-white);
}

.uku-cta {
	background: var(--color-primary);
	color: var(--color-white);
	border-radius: 8px;
	padding: 50px;
	text-align: center;
}

.uku-cta h2,
.uku-cta h3 {
	color: var(--color-ink);
}

.uku-cta .wp-block-button__link {
	background: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-primary-dark) !important;
}

.uku-cta .wp-block-button__link:hover {
	background: transparent;
	color: var(--color-ink) !important;
}

/* ---- Spalvoti informaciniai blokai (redaktoriaus fono spalvos) ---------------- */

.has-soft-green-background-color,
.entry-content .bg-soft-green {
	background-color: #e1edbf !important;
}

.has-soft-gray-background-color,
.entry-content .bg-soft-gray {
	background-color: #ededed !important;
}

.entry-content .bg-soft-green,
.entry-content .bg-soft-gray,
.has-soft-green-background-color,
.has-soft-gray-background-color {
	border-radius: 8px;
	padding: 36px 40px;
	margin: 0 0 30px;
}

.entry-content .bg-soft-green h2,
.entry-content .bg-soft-green h3,
.entry-content .bg-soft-green h4,
.entry-content .bg-soft-gray h2,
.entry-content .bg-soft-gray h3,
.entry-content .bg-soft-gray h4 {
	margin-top: 0;
}

.entry-content .bg-soft-green :last-child,
.entry-content .bg-soft-gray :last-child {
	margin-bottom: 0;
}

/* ---- Iliustracijos turinyje ------------------------------------------------ */

.entry-content .wp-block-image img {
	border-radius: 8px;
}

.entry-content .wp-block-image.alignright {
	margin-left: 30px;
}

.entry-content .wp-block-image.alignleft {
	margin-right: 30px;
}

/* ---- Puslapis su šonine navigacija (page-templates/page-su-sonine-navigacija.php) -- */

.page-with-sidebar {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	align-items: flex-start;
}

.page-with-sidebar .page-main-content {
	flex: 1 1 600px;
	min-width: 0;
}

.page-sidebar-nav {
	flex: 0 1 260px;
	background: var(--color-surface);
	border-radius: var(--radius-card);
	padding: 24px;
	position: sticky;
	top: 140px;
}

/* Papildomas turinys (baneris ir pan.) po struktūros medžiu – žr. „Puslapio
   šoninio skydelio priedas“ valdiklių sritis (Išvaizda → Valdikliai). */
.page-sidebar-nav .page-sidebar-banner {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--color-line);
}

.page-sidebar-nav .page-sidebar-banner:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.page-sidebar-nav .page-sidebar-banner img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.page-sidebar-nav .page-sidebar-banner h4 {
	font-size: 15px;
	margin-bottom: 10px;
}

/* Puslapio struktūros medis: protėviai + to paties tėvo kiti puslapiai. */
.page-tree,
.page-tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-tree li {
	border-top: 1px solid var(--color-line-light);
}

.page-tree > li:first-child {
	border-top: none;
}

.page-tree-group > ul > li:first-child {
	border-top: 1px solid var(--color-line-light);
}

.page-tree a,
.page-tree span {
	display: block;
	padding: 10px 0;
	font-size: 15px;
}

.page-tree-ancestor > a {
	color: var(--color-ink);
	font-weight: 700;
}

.page-tree-group ul a,
.page-tree-group ul span {
	color: var(--color-body);
	font-weight: 400;
}

.page-tree a:hover {
	color: var(--color-primary-dark);
}

.page-tree .current-menu-item > span {
	color: var(--color-primary-dark);
	font-weight: 700;
}

.page-tree .level-1 { padding-left: 14px; }
.page-tree .level-2 { padding-left: 28px; }
.page-tree .level-3 { padding-left: 42px; }
.page-tree .level-4 { padding-left: 56px; }

.page-sidebar-nav .menu-placeholder {
	font-size: 13px;
	font-style: italic;
	color: var(--color-muted);
}

@media screen and (max-width: 991px) {
	/* stretch – turinys per visą plotį (su flex-start jis būtų turinio
	   pločio ir platūs elementai galėtų išlįsti už ekrano). */
	.page-with-sidebar {
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
	}

	/*
	 * Telefone skilties meniu medis nerodomas – ta pati navigacija yra
	 * pagrindiniame meniu, o virš turinio ji tik stumtų turinį žemyn.
	 * Papildomi skydelio valdikliai (baneriai), jei yra, rodomi PO turiniu.
	 */
	.page-sidebar-nav {
		order: 2;
		flex-basis: auto;
		position: static;
	}

	.page-sidebar-nav .page-tree,
	.page-sidebar-nav .menu-placeholder {
		display: none;
	}

	.page-sidebar-nav .page-sidebar-banner:first-of-type {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}

	.page-sidebar-nav:not(:has(.page-sidebar-banner)) {
		display: none;
	}
}

/* ---- Judesiui jautrūs naudotojai (OS/naršyklės nustatymas) ---------------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---- Pilno / plataus pločio blokai (alignfull, alignwide) --------------- */

/*
 * Turinys yra .wrap viduje (max 1320px), todėl „Full width“ blokas be
 * papildomo CSS lieka apribotas. Ištraukiame jį iki ekrano kraštų neigiama
 * paraštė: 50% (tėvinio centras) − pusė lango pločio.
 *
 * --scrollbar-width nustato navigation.js. Jo reikia todėl, kad 100vw
 * įskaičiuoja vertikalią slankjuostę – be korekcijos atsirastų horizontali
 * slankjuostė ir blokas būtų pastumtas į kairę.
 */
:root {
	--full-width: calc(100vw - var(--scrollbar-width, 0px));
}

.entry-content > .alignfull {
	width: var(--full-width);
	max-width: var(--full-width);
	margin-left: calc(50% - var(--full-width) / 2);
	margin-right: 0;
}

.entry-content > .alignwide {
	width: min(1600px, var(--full-width) - 40px);
	max-width: min(1600px, var(--full-width) - 40px);
	margin-left: calc(50% - min(1600px, var(--full-width) - 40px) / 2);
	margin-right: 0;
}

/*
 * Su šonine navigacija turinio stulpelis NĖRA centre, todėl formulė
 * (50% − pusė lango) pastumtų bloką pro šalį. Tokiuose puslapiuose
 * platieji blokai lieka stulpelio pločio.
 */
.page-with-sidebar .entry-content > .alignfull,
.page-with-sidebar .entry-content > .alignwide {
	width: auto;
	max-width: 100%;
	margin-left: 0;
}

/* Pilno pločio bloko VIDINIS turinys lygiuojamas su likusiu puslapiu. */
.entry-content > .alignfull > .wp-block-cover__inner-container,
.entry-content > .alignfull > .wp-block-group__inner-container {
	max-width: var(--container);
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}


/* ---- Poraštės logotipai: nespalvoti, spalvos atsiranda užvedus pelę ----- */

/*
 * Taikoma kiekvienam paveiksliukui atskirai (ne visai poraštei), todėl
 * užvedus pelę nuspalvinamas tik tas logotipas, ant kurio esate.
 * :focus-within – kad tas pats veiktų naršant klaviatūra per nuorodas.
 * Telefone (be pelės) logotipai lieka nespalvoti, kaip ir kompiuteryje.
 */
.site-footer img {
	filter: grayscale(1);
	opacity: 0.75;
	transition: filter 0.35s ease-out, opacity 0.35s ease-out;
}

.site-footer img:hover,
.site-footer a:hover img,
.site-footer a:focus-visible img,
.site-footer .widget:focus-within img {
	filter: grayscale(0);
	opacity: 1;
}


@media (prefers-reduced-motion: reduce) {
	.site-footer img {
		transition: none;
	}
}

/* ---- „Naujausi įrašai“ tinklelis (core/latest-posts) -------------------- */

.news-grid {
	display: grid;
	gap: 30px;
	margin: 0 0 40px;
}

/*
 * display: grid nugali naršyklės [hidden] { display: none }, todėl neaktyvios
 * skirtukų panelės liktų matomos. Ši taisyklė būtina.
 */
.news-grid[hidden] {
	display: none;
}

.news-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.news-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.news-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }

@media screen and (max-width: 991px) {
	.news-grid--cols-3,
	.news-grid--cols-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 599px) {
	.news-grid,
	.news-grid--cols-2,
	.news-grid--cols-3,
	.news-grid--cols-4 {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

/* ---- Naujienų blokas: kategorijų skirtukai ir nuoroda apačioje --------- */

.news-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 36px;
	margin: 0 0 32px;
}

.news-tab {
	appearance: none;
	background: none;
	border: 0;
	border-bottom: 3px solid transparent;
	padding: 6px 0;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	color: var(--color-body);
	cursor: pointer;
}

.news-tab:hover {
	color: var(--color-ink);
}

.news-tab.is-active {
	color: var(--color-ink);
	border-bottom-color: var(--color-lime);
}

.news-tab:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 3px;
}

.news-all {
	margin: 8px 0 0;
	text-align: center;
}

.news-all a {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	font-weight: 700;
	color: var(--color-ink);
}

.news-all a:hover {
	color: var(--color-primary-dark);
}

/* Rodyklė piešiama CSS – be papildomo SVG failo. */
.news-all-arrow {
	width: 54px;
	height: 2px;
	background: currentColor;
	position: relative;
	transition: width 0.2s ease-out;
}

.news-all-arrow::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 9px;
	height: 9px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}

.news-all a:hover .news-all-arrow {
	width: 68px;
}

@media screen and (max-width: 599px) {
	.news-tabs {
		gap: 8px 20px;
	}

	.news-tab {
		font-size: 15px;
	}
}

/* ---- Antraštės paveiksliuko kaukė (logotipo formos plyšiai) ------------- */

/*
 * Įjungiama Tinkintuve (Numatytieji paveiksliukai → „Antraštės paveiksliuką
 * rodyti per logotipo formos kaukę“). Kaukė – assets/images/header-mask-v2.svg:
 * užpildytos sritys rodo paveiksliuką, tuščios lieka permatomos ir pro jas
 * matosi juostos fonas (--color-surface).
 *
 * mask-mode pagal nutylėjimą yra „alpha“, todėl SVG spalva nesvarbi – svarbu
 * tik ar sritis užpildyta. Failas turi būti iš to paties domeno (yra temoje).
 */
/*
 * Lygiavimas dešinėje paveldimas iš .entry-header-img – prie .wrap turinio
 * dešinio krašto, t. y. toje pačioje linijoje, kur baigiasi puslapio turinys.
 */
.entry-header.has-mask .entry-header-img {
	-webkit-mask-image: url("../images/header-mask-v2.svg");
	mask-image: url("../images/header-mask-v2.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: right center;
	mask-position: right center;
	/*
	 * Kaukės natūralus dydis 820x260 – naudojamas be tempimo, todėl logotipo
	 * proporcijos nekraipomos. Platesniam vaizdui didinkite abu skaičius
	 * (mask-size plotį ir width) vienodai.
	 */
	-webkit-mask-size: 820px 100%;
	mask-size: 820px 100%;

	/*
	 * Dėžutės plotis = kaukės plotis. Daug uku.lt banerių dešiniajame krašte
	 * turi įkeptą perėjimą į baltą; su kauke jis matomas kaip tuščia vieta.
	 * Fiksuotas plotis + object-fit: cover tą kraštą nukerpa.
	 * object-position reikšme pasirenkama, kuri nuotraukos dalis lieka matoma:
	 * 0% – kairė, 50% – vidurys, 100% – dešinė.
	 */
	width: 820px;
	object-position: 35% center;
}

@media screen and (max-width: 767px) {
	/* Juosta 180px aukščio: 820 * (180/260). */
	.entry-header.has-mask .entry-header-img {
		-webkit-mask-size: 568px 100%;
		mask-size: 568px 100%;
		width: 568px;
	}
}

/*
 * Be paveiksliuko (ir su įjungta kauke) juostoje rodomas vientisas logotipo
 * spalvos plotas per tą pačią kaukę. Pozicija, plotis ir mask-* taisyklės
 * paveldimos iš .entry-header-img.
 */
.entry-header-fill {
	height: 100%;
	background: var(--color-lime);
}

/*
 * Baltas teksto „švytėjimas“ (text-shadow) paliekamas ir kaukės režime:
 * ilgas pavadinimas ar trupinių takas vis tiek gali užlipti ant
 * paveiksliuko, o ant balto/pilko fono šešėlis nematomas.
 */

/* ---- Bloko stilius „Baltas švytėjimas“ ------------------------------------ */

/*
 * Redaktoriuje: blokas → „Stiliai“ → „Baltas švytėjimas“ (žr. functions.php).
 * Tas pats švytėjimas kaip puslapio antraštės pavadinimui telefone – tekstas
 * įskaitomas ant paveiksliuko. Grupei ar stulpeliams taikomas visam jų tekstui.
 * Rankiniu būdu – CSS klasė „is-style-baltas-svytejimas“ (Išplėstinės).
 */
.is-style-baltas-svytejimas,
.is-style-baltas-svytejimas :is(h1, h2, h3, h4, h5, h6, p, li, a, strong, em, span) {
	text-shadow:
		0 0 4px var(--color-white),
		0 0 8px var(--color-white),
		0 0 8px var(--color-white),
		0 0 16px var(--color-white),
		0 0 24px var(--color-white);
}

/* ---- Blokai su fonu ----------------------------------------------------- */

/*
 * Redaktoriuje pasirinkus bloko foną (Color → Background), WP prideda klasę
 * .has-background. Branduolio paraščių taisyklės rašomos per :where(), todėl
 * jų specifiškumas nulinis ir temos stiliai jas nugali – turinys atsiremia į
 * patį fono kraštą. Čia paraštes nustatome aiškiai.
 *
 * Taikoma tik blokiniams elementams. Teksto fragmentų paryškinimas
 * (inline highlight) paraščių negauna, nes ten jų nereikia.
 */
.entry-content :is(p, h1, h2, h3, h4, h5, h6, ul, ol, dl,
	.wp-block-group, .wp-block-column, .wp-block-columns,
	.wp-block-quote, .wp-block-details).has-background {
	padding: 24px 28px;
	border-radius: var(--radius);
}

@media screen and (max-width: 599px) {
	.entry-content :is(p, h1, h2, h3, h4, h5, h6, ul, ol, dl,
		.wp-block-group, .wp-block-column, .wp-block-columns,
		.wp-block-quote, .wp-block-details).has-background {
		padding: 18px 20px;
	}
}

/* Sąrašams fone reikia vietos ir ženkliukams. */
.entry-content :is(ul, ol).has-background {
	padding-left: 52px;
}