/* IUSTUM komponentai. Dizaino žetonai – theme.json. */

:root {
	--iu-zalias: #1E3A2A;
	--iu-zalias-sv: #2E5A40;
	--iu-linija: #D9D5CB;
	--iu-linija-stipri: #767676;
	--iu-zyma: #715627;
	--iu-antrinis: #505050;
}

body { -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 3px solid var(--iu-zalias); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* Antraštė */
.iu-antraste { position: sticky; top: 0; z-index: 40; background: var(--wp--preset--color--popierius); border-bottom: 1px solid var(--iu-linija); }
/* Antraštė su meniu lieka viršuje slenkant (2026-11-06). Lipni turi būti visa antraštės dalis <header>:
   pati .iu-antraste yra jos viduje ir tokio pat aukščio, todėl viena „prilipti“ negali.
   Prisijungus – po WordPress administravimo juosta (telefone ji slenka kartu su puslapiu). */
.wp-site-blocks > header.wp-block-template-part { position: -webkit-sticky; position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 40; }
@media (max-width: 600px) { .wp-site-blocks > header.wp-block-template-part { top: 0; } }
.iu-antraste .wp-block-navigation { font-size: 15px; }
.iu-antraste .wp-block-navigation a { text-decoration: none; }
.iu-antraste .wp-block-navigation a:hover { text-decoration: underline; text-underline-offset: 5px; }

/* Sekcijos */
.iu-sekcija { border-top: 1px solid var(--iu-linija); }
.iu-zyme { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--iu-zalias-sv); }
.iu-zyme--tevas { margin: -5px 0 1px; } .iu-zyme--tevas a { display: inline-block; padding: 5px 0; color: inherit; text-decoration: none; } /* nuoroda – bent 24 px aukščio pirštui (S-157); paraštės sumažintos tiek pat, vaizdas tas pats */ .iu-zyme--tevas a:hover, .iu-zyme--tevas a:focus-visible { text-decoration: underline; text-underline-offset: 3px; } /* vaikinio puslapio žymė su nuoroda į skyrių (S-122) */
.iu-ivadas { color: var(--iu-antrinis); max-width: 66ch; }

/* Kortelės */
/* Tinklelio linijos brėžiamos ant pačių kortelių, ne fonu: kitaip,
   kai narių skaičius nesidalija iš stulpelių, lieka spalvotas tuščias langelis. */
.iu-tinklas { display: grid; gap: 1px; border: 1px solid var(--iu-linija); }
.iu-tinklas--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.iu-tinklas--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.iu-tinklas--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.iu-kort { background: var(--wp--preset--color--popierius); outline: 1px solid var(--iu-linija);
	padding: 24px; display: flex; flex-direction: column; gap: 8px; }
.iu-kort h3, .iu-kort h2 { margin: 0; }
.iu-kort h2 { font-size: var(--wp--preset--font-size--vidutinis); line-height: 1.25; } /* kortelės antraštė – H2, kai virš kortelių puslapyje nėra kitos antraštės („Ką daryti, jei…“, S-157); atrodo kaip H3 */
.iu-kort h3 a, .iu-kort h2 a { color: inherit; text-decoration: none; }
.iu-kort h3 a:hover, .iu-kort h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.iu-kort p { margin: 0; color: var(--iu-antrinis); font-size: 15px; }
.iu-kort .iu-nuoroda { margin-top: auto; padding-top: 10px; font-weight: 600; color: var(--iu-zalias-sv); font-size: 15px; }
a.iu-kort { text-decoration: none; color: inherit; }
/* Situacijų kortelės su piktogramomis (klasė pridedama pagal kortelės nuorodą – functions.php) */
.iu-kort[class*="iu-kort--"] { padding-top: 76px; background-repeat: no-repeat; background-position: 24px 24px; background-size: 40px 40px; background-color: #fff; }
.iu-kort--statyba { background-image: url(ikonos/statyba.svg); }
.iu-kort--saskaita { background-image: url(ikonos/saskaita.svg); }
.iu-kort--imone { background-image: url(ikonos/imone.svg); }
.iu-kort--isieskojimas { background-image: url(ikonos/isieskojimas.svg); }
.iu-kort--turtas { background-image: url(ikonos/turtas.svg); }
.iu-kort--situacijos { background-image: url(ikonos/situacijos.svg); }
a.iu-kort:hover { background: var(--wp--preset--color--akmuo); }
/* Kortelės su piktograma (pradžia, /gincai/) – spaudžiama visa kortelė (S-142): vienintelė kortelės nuoroda
   ištempiama per visą kortelę. Užvedus – šviesiai pilkas fonas, fokusuojant klaviatūra – žalias rėmelis aplink kortelę. */
.iu-kort[class*="iu-kort--"] { position: relative; transition: background-color .15s ease; }
.iu-kort[class*="iu-kort--"] .iu-nuoroda a::after { content: ""; position: absolute; inset: 0; }
.iu-kort[class*="iu-kort--"]:hover { background-color: var(--wp--preset--color--akmuo); }
.iu-kort[class*="iu-kort--"]:focus-within { outline: 3px solid var(--iu-zalias); outline-offset: -3px; }
.iu-kort[class*="iu-kort--"] .iu-nuoroda a:focus-visible { outline: none; }
@media (prefers-reduced-motion: reduce) { .iu-kort[class*="iu-kort--"] { transition: none; } }
/* Pradžia „Kokius ginčus sprendžiame“ (S-152): ekspertinės krypties kortelė – per visą tinklelio plotį, su žyma ir žalia juostele kairėje;
   „Kita situacija“ – per du stulpelius, kad paskutinė eilė būtų pilna. Klasės nustatomos turinyje (iu-tinklas--kryptis, iu-kort--kryptis). */
.iu-tinklas--kryptis > .iu-kort--kryptis { grid-column: 1 / -1; padding: 28px 32px 28px 108px; background-position: 36px 30px; background-size: 48px 48px; box-shadow: inset 4px 0 0 var(--iu-zalias); }
.iu-kort--kryptis .iu-zyme { margin: 0 0 2px; font-size: 12px; color: var(--iu-zalias-sv); font-weight: 600; }
.iu-kort--kryptis h3 { font-size: clamp(22px, 2.2vw, 26px); }
.iu-kort--kryptis p:not(.iu-zyme):not(.iu-nuoroda) { font-size: 16px; max-width: 640px; }
.iu-tinklas--kryptis > .iu-kort--situacijos { grid-column: span 2; }
@media (max-width: 900px) {
	.iu-tinklas--kryptis > .iu-kort--kryptis { padding: 76px 24px 24px; background-position: 24px 24px; background-size: 40px 40px; }
	.iu-tinklas--kryptis > .iu-kort--situacijos { grid-column: auto; }
}

/* Žingsniai */
.iu-zingsniai { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; }
.iu-zing { border-top: 2px solid var(--iu-zalias); padding-top: 14px; }
.iu-zing .iu-nr { font-family: var(--wp--preset--font-family--serif); font-size: 14px; color: var(--iu-zalias-sv); }
/* Numeruoti žingsniai („Kaip dirbame“): numeris apskritime, žingsnius jungia linija.
   Klases „iu-zing--nr“, „iu-zingsniai--nr“, „iu-hero-grupe“, „iu-sekcija--juosta“ prideda functions.php (S-104) – be CSS „:has“, kurio senesnės naršyklės nesupranta. */
.iu-zingsniai--nr { position: relative; }
.iu-zing--nr { border-top: 0; padding-top: 58px; position: relative; }
.iu-zing--nr::before { content: ""; position: absolute; left: 0; right: -26px; top: 21px; height: 2px; background: var(--iu-linija); }
.iu-zing--nr:last-child::before { right: 0; }
.iu-zing > .iu-nr { position: absolute; top: 0; left: 0; width: 44px; height: 44px; border-radius: 50%; background: var(--iu-zalias); color: #fff; display: grid; place-items: center; font-weight: 600; font-size: 15px; margin: 0; z-index: 1; }
.iu-zing h3 { margin: 6px 0; font-size: 18px; }
.iu-zing p { margin: 0; font-size: 15px; color: var(--iu-antrinis); }

/* Pradžios puslapio pirmas ekranas: languotas fonas per visą plotį, iliustracija dešinėje (S-091, B variantas) */
.entry-content { overflow-x: hidden; overflow-x: clip; } /* „hidden“ – senesnėms naršyklėms, kurios „clip“ nesupranta */
.entry-content > .iu-hero-grupe { position: relative; }
.entry-content > .iu-hero-grupe::before { content: ""; position: absolute; top: 0; bottom: 0; left: -100vmax; right: -100vmax; background: url(tinklelis.svg); z-index: -1; pointer-events: none; }
.entry-content > .iu-hero-grupe::after { content: ""; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: min(480px, 33vw); height: min(397px, 27.3vw); background: url(iliustracijos/pradzia-stalas.svg) center / contain no-repeat; pointer-events: none; }
.iu-hero h1 { font-size: clamp(38px, 4.8vw, 62px); }
@media (max-width: 900px) {
	.entry-content > .iu-hero-grupe::after { position: static; display: block; transform: none; width: min(380px, 80%); height: 0; padding-top: min(314px, 66.1%); margin: 28px auto 0; } /* aukštis per padding – be aspect-ratio */
}
/* Iliustracijos prie įvado: „Kaip dirbame“ – „Darbo stalas“ (S-114, klasė „iu-sekcija--stalas“, 13-kaip-dirbame-iliustracija);
   ginčų sričių puslapiai – savo kompozicija (S-118, klasės „iu-sekcija--iliustracija iu-sekcija--il-<sritis>“, 17-sriciu-iliustracijos).
   Kompiuteryje – dešinėje nuo teksto, telefone ir planšetėje – po tekstu. */
.entry-content .iu-sekcija--stalas::after, .entry-content .iu-sekcija--iliustracija::after { content: ""; display: block; pointer-events: none;
	background: var(--iu-il, url(iliustracijos/pradzia-stalas.svg)) center / contain no-repeat; }
.entry-content .iu-sekcija--il-statybos { --iu-il: url(iliustracijos/sritis-statybos.svg); }
.entry-content .iu-sekcija--il-skolos { --iu-il: url(iliustracijos/sritis-skolos.svg); }
.entry-content .iu-sekcija--il-imones { --iu-il: url(iliustracijos/sritis-imones.svg); }
.entry-content .iu-sekcija--il-isieskojimas { --iu-il: url(iliustracijos/sritis-isieskojimas.svg); }
@media (min-width: 901px) {
	.entry-content .iu-sekcija--stalas, .entry-content .iu-sekcija--iliustracija { position: relative; box-sizing: border-box;
		display: flex; flex-direction: column; justify-content: center; /* tekstas – iliustracijos aukščio viduryje */
		padding-right: calc(min(420px, 36vw) + clamp(32px, 4vw, 64px));
		min-height: calc(min(347px, 29.7vw) + 2 * clamp(40px, 6vw, 70px)); }
	.entry-content .iu-sekcija--stalas::after, .entry-content .iu-sekcija--iliustracija::after { position: absolute; right: 0; top: 50%; transform: translateY(-58%); /* piešinio viršuje tuščia vieta – kad akiai būtų teksto lygyje */
		width: min(420px, 36vw); height: min(347px, 29.7vw); }
}
@media (max-width: 900px) {
	.entry-content .iu-sekcija--stalas::after, .entry-content .iu-sekcija--iliustracija::after { width: min(340px, 100%); height: 0; padding-top: min(281px, 82.6%); margin: 4px auto 0; } /* piešinio viršuje jau yra tuščios vietos */ /* aukštis per padding – be aspect-ratio */
}
/* Patirties skiltis pradžioje – žalia juosta per visą plotį */
.home .entry-content > .iu-sekcija--juosta { box-shadow: 0 0 0 100vmax var(--iu-zalias); clip-path: inset(0 -100vmax); background: var(--iu-zalias); border-top: 0; color: #fff; }
.home .entry-content > .iu-sekcija--juosta h2, .home .entry-content > .iu-sekcija--juosta h3 { color: #fff; }
.home .entry-content > .iu-sekcija--juosta p, .home .entry-content > .iu-sekcija--juosta .iu-zyme { color: rgba(255,255,255,.82); }
.home .entry-content > .iu-sekcija--juosta h2 { font-size: clamp(34px, 4.2vw, 52px); }
.home .entry-content > .iu-sekcija--juosta .iu-zing { border-top-color: rgba(255,255,255,.35); }
/* Po žalios juostos einanti skiltis – be viršutinės linijos */
.home .entry-content > .iu-sekcija--juosta + .iu-sekcija { border-top: 0; }
/* Patirtis po kubu (S-146): skaičiai – pagrindinis akcentas, trumpi paaiškinimai, „Apskaičiuoti kainą“.
   Žalią juostą duoda klasė „iu-sekcija--juosta“ (functions.php prideda ją ir skilčiai „iu-patirtis“). */
.home .entry-content > .iu-sekcija--juosta.iu-patirtis h2.iu-patirtis__antraste { font-size: clamp(19px, 1.9vw, 24px); font-weight: 400; line-height: 1.3; margin: 0; color: rgba(255,255,255,.82); }
.iu-patirtis__skaiciai { display: flex; flex-wrap: wrap; gap: 18px clamp(48px, 9vw, 128px); margin-top: clamp(16px, 2vw, 24px); margin-bottom: clamp(34px, 4.5vw, 54px); }
.iu-patirtis__skaiciai > .iu-patirtis__skaicius { margin: 0; display: flex; flex-direction: column; }
.iu-patirtis__skaicius strong { font-family: var(--wp--preset--font-family--serif); font-weight: 400; font-size: clamp(60px, 8.6vw, 112px); line-height: .92; letter-spacing: -.01em; color: #fff; }
.home .entry-content > .iu-sekcija--juosta .iu-patirtis__skaicius span { margin-top: 10px; font-size: clamp(16px, 1.5vw, 19px); color: rgba(255,255,255,.85); }
.iu-patirtis__veiksmas { margin-top: clamp(32px, 4vw, 46px); }
.iu-patirtis__veiksmas .wp-block-button:not(.is-style-outline) > .wp-block-button__link { background: #FFFFFF; color: var(--iu-zalias); }
.iu-patirtis__veiksmas .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover { background: #E4ECE6; color: var(--iu-zalias); }
.iu-patirtis__veiksmas .wp-block-button__link:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; }
@media (max-width: 600px) {
	.iu-patirtis__skaiciai { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
	.iu-patirtis__skaicius strong { font-size: clamp(40px, 11.5vw, 60px); }
	.iu-patirtis__veiksmas .wp-block-button, .iu-patirtis__veiksmas .wp-block-button__link { width: 100%; justify-content: center; }
}

/* Prototipo vietos */
.iu-vieta { border: 1px dashed var(--iu-zyma); background: rgba(113,86,39,.05); color: var(--iu-zyma);
	display: flex; align-items: center; justify-content: center; text-align: center; padding: 16px; font-size: 13px; }
.iu-vieta--portretas { aspect-ratio: 4/5; }
.iu-vieta--kvadratas { aspect-ratio: 1/1; }

/* Pastabos ir DUK */
.iu-pastaba { font-size: 14px; color: var(--iu-antrinis); border-left: 2px solid var(--iu-zalias-sv); padding-left: 14px; }
.wp-block-details { border-top: 1px solid var(--iu-linija); padding: 16px 0; }
.wp-block-details summary { font-family: var(--wp--preset--font-family--serif); font-size: 19px; cursor: pointer; }

/* Kontaktai ir poraštė */
.iu-kontaktai-sarasas { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.iu-kontaktai-sarasas span { display: block; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--iu-zalias-sv); }
.iu-porastė, .iu-porast { background: var(--wp--preset--color--akmuo); border-top: 1px solid var(--iu-linija); color: var(--iu-antrinis); font-size: 15px; }
.iu-porast strong { color: var(--wp--preset--color--grafitas); display: block; margin-bottom: 10px; }

/* Mobilioji juosta */
.iu-mob { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: none; gap: 1px;
	background: var(--iu-linija); border-top: 1px solid var(--iu-linija); padding-bottom: env(safe-area-inset-bottom, 0px); }
.iu-mob a { flex: 1; text-align: center; padding: 14px 8px; background: var(--wp--preset--color--popierius);
	color: var(--iu-zalias); text-decoration: none; font-weight: 600; }
.iu-mob a.iu-pirm { background: var(--iu-zalias); color: #fff; }

@media (max-width: 900px) {
	.iu-tinklas--3, .iu-tinklas--2 { grid-template-columns: 1fr; }
	.iu-tinklas--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.iu-zingsniai { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
	body { padding-bottom: 76px; }
	.iu-mob { display: flex; }
	/* S-176: skaičiuoklės puslapyje juostos nėra, todėl ir vietos jai nepaliekame */
	body.iu-be-juostos { padding-bottom: 0; }
	body.iu-be-juostos .iu-mob { display: none; }
	.iu-zingsniai { grid-template-columns: 1fr; }
}

/* Mygtukų stiliai */
.wp-block-buttons { gap: 14px; }
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent; color: var(--iu-zalias); border: 1px solid var(--iu-zalias);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgba(30,58,42,.07); }
.has-zalias-background-color .wp-block-button.is-style-outline > .wp-block-button__link {
	color: #fff; border-color: rgba(255,255,255,.45);
}
.has-zalias-background-color .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: rgba(255,255,255,.12); }
.wp-block-button__link { min-height: 48px; display: inline-flex; align-items: center; }

/* Sekcijų kraštinės neturi dubliuotis tamsiame bloke */
.has-zalias-background-color + .iu-sekcija { border-top: none; }

/* Pirmo ekrano nuotraukos vieta neturi dominuoti */
.iu-vieta--portretas { max-width: 400px; margin-left: auto; }
@media (max-width: 900px) { .iu-vieta--portretas { max-width: 300px; margin-left: 0; } }

/* Pirma sekcija po antrašte neturi dubliuoti linijos */
.entry-content > .iu-sekcija:first-child,
.wp-block-post-content > .iu-sekcija:first-child { border-top: none; padding-top: 8px; }

/* Tinklelio elementai neturi paveldėti blokų tarpų – kitaip stulpeliai nesutampa */
.iu-zingsniai > .iu-zing,
.iu-tinklas > .iu-kort,
.iu-tinklas > .wp-block-post-template > li { margin-block-start: 0; margin-block-end: 0; }

/* Partnerio ženklo vieta */

/* ------------------------------------------------------------------ *
 * Logotipas
 * ------------------------------------------------------------------ */

.iu-logo {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	line-height: 0;
	text-decoration: none;
}

.iu-logo img {
	display: block;
	width: auto;
	height: 38px;
}

/* Poraštėje – pilnas ženklas su užrašu „Advokatų profesinė bendrija“ (S-105): plotis, ne aukštis,
   kad užrašas liktų įskaitomas (≈ 340 px pločio → užrašo raidės ≈ 8 px) */
.iu-logo--pilnas img { height: auto; width: 340px; max-width: 100%; }

@media (max-width: 781px) {
	.iu-logo img { height: 34px; }
	.iu-logo--pilnas img { height: auto; width: 300px; }
}


/* ------------------------------------------------------------------ *
 * Komandos kortelės (Query Loop)
 * ------------------------------------------------------------------ */

/* post-template yra <ul> sąrašas – nuimame sąrašo išvaizdą */
ul.iu-tinklas { list-style: none; margin: 0; padding: 0; }
/* Užklausos blokas (įžvalgos, publikacijos): tinklelis – ant įrašų sąrašo, ne ant apvalkalo. */
.wp-block-query.iu-tinklas { display: block; border: 0; }
.wp-block-query.iu-tinklas > .wp-block-post-template { display: grid; gap: 1px; border: 1px solid var(--iu-linija); list-style: none; margin: 0; padding: 0; }
.wp-block-query.iu-tinklas--3 > .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wp-block-query.iu-tinklas--2 > .wp-block-post-template { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wp-block-query.iu-tinklas > .wp-block-post-template > li { display: flex; margin: 0; }
.wp-block-query.iu-tinklas > .wp-block-post-template > li > .iu-kort { flex: 1; }
@media (max-width: 781px) { .wp-block-query.iu-tinklas > .wp-block-post-template { grid-template-columns: 1fr; } }
ul.iu-tinklas > li { display: flex; margin: 0; }
ul.iu-tinklas > li > .iu-kort { flex: 1; }

.iu-portretas { margin: 0 0 6px; overflow: hidden; background: var(--wp--preset--color--akmuo); }
.iu-portretas img { display: block; width: 100%; height: 100%; object-fit: cover; }
.iu-portretas a { display: block; }
/* Portretų neišsaugoti dešiniuoju pelės mygtuku, nutempiant ar telefone ilgai spaudžiant (S-153): pelė ir pirštas „nemato“
   paveikslėlio (paspaudžiama ant fono – naršyklė nesiūlo „Išsaugoti paveikslėlį“), meniu dar užblokuoja functions.php.
   Tai tik kliūtis – ekrano nuotraukos ar naršyklės įrankių uždrausti neįmanoma; failai ir taip tik 440 × 550 (S-147). */
.iu-portretas img { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }
/* S-170: telefone portreto nedidinti dviem pirštais ar dvigubu palietimu, kai pirštai dedami ant jo (slinkti galima). Tik kliūtis:
   pirštus padėjus šalia portreto didinamas visas puslapis – to nedraudžiame, kad tekstą būtų galima pasididinti. */
.iu-portretas { touch-action: pan-x pan-y; }
/* S-171: didinant visą puslapį portretas lieka to paties dydžio (functions.php jį tiek pat kartų sumažina); gesto metu – paslėptas.
   will-change – kad paslėpimas ir mastelis būtų taikomi iškart, neperpiešiant puslapio. */
.iu-portretas img { will-change: transform, opacity; }
.iu-portretas--gestas img { opacity: 0; }
/* S-178: komandos portretai vėl spalvoti (savininkas 2026-11-13: prislopintos spalvos lankytojams nepatiko).
   Buvę variantai (S-172, S-173, S-175), jei kada prireiktų – portreto paveikslėliui pridėti filtrą:
   grayscale(1) contrast(1.05) – nespalvotos; grayscale(1) sepia(0.35) contrast(1.05) – su šiltu atspalviu;
   grayscale(0.65) sepia(0.15) contrast(1.05) – prislopintos. */
/* DI sukurto atvaizdo žyma (S-107, DI akto 50 str. 4 d.) – po nuotrauka, įskaitoma, bet neužgožia */
.iu-di-zyma { margin: 8px 0 0; font-size: 13px; line-height: 1.4; color: var(--iu-antrinis); }

.iu-kort .wp-block-post-title { margin: 0; line-height: 1.25; }
.iu-kort .wp-block-post-title a { color: inherit; text-decoration: none; }
.iu-kort .wp-block-post-title a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ------------------------------------------------------------------ *
 * „Komanda“ puslapis – sąrašas su portretais (S-125, vietoj žurnalinio S-108): visų narių portretas
 * 220 px pločio (4:5) kairėje, šalia – vardas, pareigos, kontaktai, aprašymas. Nuotraukos nebe
 * pakaitomis ir nebe „limpa“ slenkant. Telefone – 160 px portretas virš vardo.
 * Turinyje stulpelio plotis likęs 40 % (iš S-108 šablono), todėl plotis nustatomas čia su !important.
 * ------------------------------------------------------------------ */

ul.iu-nariai { list-style: none; margin: 0; padding: 0; }
ul.iu-nariai > li { margin: 0; }
ul.iu-nariai > li + li { border-top: 1px solid var(--iu-linija); margin-top: 48px; padding-top: 48px; }

.iu-narys { margin: 0; }
.iu-narys .wp-block-post-title { scroll-margin-top: 110px; font-size: clamp(26px, 2.6vw, 32px); line-height: 1.15; }
.iu-narys .iu-zyme { margin: 0 0 8px; }

.iu-portretas--pilnas { margin: 0; }
.iu-portretas--pilnas img { object-position: center top; }

.iu-nario-kontaktai { margin: 0 0 24px; color: var(--iu-antrinis); font-size: 15px; }

.iu-nario-aprasas { max-width: 68ch; color: var(--wp--preset--color--grafitas); }
.iu-nario-aprasas > * { margin-block: 0; }
.iu-nario-aprasas p { margin-block: 0 6px; }
.iu-nario-aprasas p:empty { display: none; } /* tuščios pastraipos aprašyme nedaro tarpų */
.iu-nario-aprasas h3 { margin-block: 20px 6px; font-size: 13px; letter-spacing: .12em;
	text-transform: uppercase; font-family: inherit; color: var(--iu-zalias-sv); }

@media (min-width: 782px) {
	.iu-komanda .iu-narys { column-gap: 44px; }
	.iu-komanda .iu-narys > .wp-block-column:first-child { flex: 0 0 220px !important; }
}

@media (max-width: 781px) {
	.iu-narys { row-gap: 20px; }
	.iu-komanda .iu-narys > .wp-block-column:first-child { flex: 0 0 160px !important; max-width: 160px; }
	ul.iu-nariai > li + li { margin-top: 40px; padding-top: 40px; }
}
}

/* Įžvalgų ir publikacijų puslapis */
.iu-srautas { scroll-margin-top: 80px; }
.iu-srautu-nuorodos { font-size: 15px; font-weight: 600; }
.iu-srautu-nuorodos a { color: var(--iu-zalias-sv); }
.iu-sritys-nuorodos { margin-bottom: 30px; } /* „Situacijos“: nuorodos į ginčų sritis po įvadu (S-120) */
.iu-vieta--skaiciuokle { min-height: 240px; margin-block: 28px; }

/* ------------------------------------------------------------------ *
 * Antraštė: 9 meniu punktai + logotipas + mygtukas vienoje eilutėje (nuo S-122 tarpas 12 px),
 * išlygiuota su turiniu (1120 px). Siauresniame ekrane – dvi eilutės:
 * logotipas ir mygtukas viršuje, meniu po jais.
 * ------------------------------------------------------------------ */
/* Didesnis tikslumas (.iu-antraste …), kad WordPress bendrieji tarpai (24 px) jų neperrašytų */
.iu-antraste .wp-block-navigation { font-size: 14.5px; }
.iu-antraste .wp-block-navigation .wp-block-navigation__container { column-gap: 12px; }
.iu-antraste .iu-antraste-eile { column-gap: 16px; }
.iu-antraste .iu-logo img { height: 37px; }
.iu-antraste-mygtukas .wp-block-button__link { padding: 11px 16px; }

@media (min-width: 900px) and (max-width: 1179px) {
	.iu-antraste .iu-antraste-eile { row-gap: 10px; }
	.iu-antraste-eile > .iu-logo,
	.iu-antraste-eile > .iu-antraste-mygtukas { order: 1; }
	.iu-antraste-eile > .wp-block-navigation {
		order: 2; flex-basis: 100%;
		border-top: 1px solid var(--iu-linija); padding-top: 10px;
	}
	.iu-antraste .wp-block-navigation .wp-block-navigation__container { column-gap: 22px; }
	.iu-antraste .iu-meniu-gincai { --iu-sub-tarpas: 14px; --iu-sub-kaire: -1px; } /* meniu – antroje eilutėje: iki antraštės apačios 14 px, „Ginčai“ prie kairio krašto */
}

/* „Ginčai“ (S-123): vienas meniu punktas vietoj „Ginčų sritys“ ir „Situacijos“. Išskleidžiamas skydelis – du stulpeliai:
   kairėje „Pagal ginčo sritį“ (iu-meniu-k), dešinėje „Pagal situaciją“ (iu-meniu-d); stulpelių antraštės (iu-meniu-antraste)
   taip pat yra nuorodos į /gincai/ ir /situacijos/. Atsidaro užvedus pelę arba paspaudus rodyklę (klaviatūra – Enter,
   uždaro Esc) – tai WordPress meniu elgsena. Tik kai meniu ne telefono lange (.is-menu-open). */
.iu-antraste .wp-block-navigation__responsive-container:not(.is-menu-open) .iu-meniu-gincai > .wp-block-navigation__submenu-container {
	display: grid; grid-template-columns: max-content max-content; grid-auto-flow: row dense; column-gap: 44px; align-content: start;
	top: calc(100% + var(--iu-sub-tarpas, 28px)); left: var(--iu-sub-kaire, -26px); padding: 18px 26px 16px; /* viršus – lygiai su antraštės apačia */
	background: #fff; color: var(--wp--preset--color--grafitas); border: 1px solid var(--iu-linija); box-shadow: 0 14px 34px rgba(30, 58, 42, .10);
}
/* Tarpas tarp punkto ir skydelio, kad vedant pelę žemyn skydelis neužsidarytų */
.iu-antraste .wp-block-navigation__responsive-container:not(.is-menu-open) .iu-meniu-gincai > .wp-block-navigation__submenu-container::before {
	content: ""; position: absolute; left: 0; right: 0; top: calc(-1px - var(--iu-sub-tarpas, 28px)); height: calc(1px + var(--iu-sub-tarpas, 28px));
}
.iu-antraste .iu-meniu-gincai .iu-meniu-k { grid-column: 1; }
.iu-antraste .iu-meniu-gincai .iu-meniu-d { grid-column: 2; }
.iu-antraste .wp-block-navigation .iu-meniu-gincai .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 6px 0; font-size: 15px; line-height: 1.35; color: inherit; }
.iu-antraste .wp-block-navigation .iu-meniu-gincai .iu-meniu-antraste > .wp-block-navigation-item__content {
	font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--iu-zalias-sv);
	padding-bottom: 9px; margin-bottom: 4px; border-bottom: 1px solid var(--iu-linija);
}
.iu-antraste .wp-block-navigation .iu-meniu-gincai .wp-block-navigation-item__content:hover { text-decoration: underline; text-underline-offset: 4px; }
.iu-antraste .iu-meniu-gincai .wp-block-navigation__submenu-icon { margin-left: 3px; }
/* Telefono meniu lange – abi grupės viena po kitos (kaip kompiuteryje), stulpelių antraštės be linijos */
.iu-antraste .wp-block-navigation__responsive-container.is-menu-open .iu-meniu-gincai .iu-meniu-antraste > .wp-block-navigation-item__content { border-bottom: 0; margin-bottom: 0; padding-bottom: 2px; }
.iu-antraste .wp-block-navigation__responsive-container.is-menu-open .iu-meniu-gincai .iu-meniu-d.iu-meniu-antraste { margin-top: 10px; }

/* „Kainos skaičiuoklė“ meniu juostoje – kontūrinis mygtukas (S-141, savininko pasirinktas variantas B, 2026-11-08):
   matomas iškart, bet antraeilis prieš žalią „Aptarti situaciją“. Užvedus ar fokusavus – užsipildo žaliai.
   Tas pats ir telefono meniu (≡). Antraštės aukštis nesikeičia. */
.iu-antraste .wp-block-navigation .wp-block-navigation-item.iu-meniu-kaina > .wp-block-navigation-item__content {
	color: var(--iu-zalias); font-weight: 600; border: 1px solid var(--iu-zalias); border-radius: 2px; padding: 5px 11px;
}
/* Meniu juostoje rėmelis eilutės nepaaukština (900–1179 px meniu antroje eilutėje – antraštė lieka 124 px, ne 135 px) */
.iu-antraste .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.iu-meniu-kaina > .wp-block-navigation-item__content { margin-block: -6px; }
.iu-antraste .wp-block-navigation .wp-block-navigation-item.iu-meniu-kaina > .wp-block-navigation-item__content:hover,
.iu-antraste .wp-block-navigation .wp-block-navigation-item.iu-meniu-kaina > .wp-block-navigation-item__content:focus-visible {
	background: var(--iu-zalias); color: #fff; text-decoration: none;
}

/* Planšetė (600–899 px): meniu per mygtuką, kaip telefone –
   WordPress jį įjungia tik iki 600 px, čia ribą pakeliame. */
@media (min-width: 600px) and (max-width: 899px) {
	.iu-antraste .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.iu-antraste .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}

/* Paspaudžiami plotai telefone (WCAG 2.5.8): atskiros nuorodos gauna
   vertikalų vidinį tarpą – spausti lengviau, išdėstymas nesikeičia. */
.iu-nuoroda a,
.iu-sekcija p > a:only-child,
.iu-kort a,
.iu-porast a { padding-block: 4px; }

/* Fokusas ir nuorodos į puslapio vietas neturi likti po lipnia antrašte
   ar telefono apatine juosta (WCAG 2.4.11). */
html { scroll-padding-top: 100px; }
@media (min-width: 900px) and (max-width: 1179px) { html { scroll-padding-top: 145px; } } /* antraštė dviem eilutėmis */
@media (max-width: 720px) { html { scroll-padding-bottom: 90px; } }

/* Tamsiame (žaliame, grafito) fone fokuso žymė – balta, kad būtų matoma */
.has-zalias-background-color :focus-visible,
.has-zalias-sviesus-background-color :focus-visible,
.has-grafitas-background-color :focus-visible { outline-color: #FFFFFF; }

/* Kontaktų skiltis: pavadinimas ir reikšmė – dvi pastraipos (reikšmė iš nustatymų) */
.iu-kontakto-zyme { margin-block: 18px 0; }
.iu-kontakto-zyme:first-child { margin-top: 0; }
.iu-kontakto-reiksme { margin-block: 2px 0; }

/* Žemėlapis kontaktų puslapyje: vieta iki paspaudimo, po to – „Google Maps“ */
.iu-zemelapis { width: 100%; aspect-ratio: 4 / 3; border: 1px solid var(--iu-linija);
	background: var(--wp--preset--color--akmuo); }
.iu-zemelapis__vieta { height: 100%; display: flex; flex-direction: column; justify-content: center;
	align-items: flex-start; gap: 12px; padding: clamp(20px, 4vw, 44px);
	background-image: linear-gradient(var(--iu-linija) 1px, transparent 1px), linear-gradient(90deg, var(--iu-linija) 1px, transparent 1px);
	background-size: 44px 44px; background-position: center; }
.iu-zemelapis__vieta > * { margin: 0; background: var(--wp--preset--color--akmuo); }
.iu-zemelapis__adresas { font-family: var(--wp--preset--font-family--serif); font-size: 22px; font-weight: 600; padding: 2px 6px 2px 0; }
.iu-zemelapis__mygtukas { font: 600 16px/1 inherit; font-family: inherit; cursor: pointer; padding: 13px 20px; border: 0;
	border-radius: 2px; background: var(--iu-zalias); color: #fff; }
.iu-zemelapis__mygtukas:hover { background: var(--iu-zalias-sv); }
.iu-zemelapis__pastaba { font-size: 13.5px; color: var(--iu-antrinis); max-width: 46ch; padding: 2px 6px 2px 0; }
.iu-zemelapis__nuoroda { font-size: 15px; padding: 2px 6px 2px 0; }
.iu-zemelapis.is-ikeltas iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 781px) { .iu-zemelapis { aspect-ratio: 1 / 1; } }
.iu-kontakto-reiksme a, .iu-zemelapis__nuoroda a { display: inline-block; padding-block: 4px; }

/* LTOK ženklas */
.iu-ltok { margin: 0; line-height: 0; }
.iu-ltok img { display: block; height: 120px; width: auto; }

/* Įvadinė pastraipa visada lygiuojama kairėn su antrašte (ne centruojama siaurame stulpelyje) */
.is-layout-constrained > .iu-ivadas.iu-ivadas { margin-left: 0 !important; } /* WordPress centruoja su !important */

.iu-iban { white-space: nowrap; font-variant-numeric: tabular-nums; }

/* Telefone „Aptarti situaciją“ jau yra apatinėje juostoje – antraštėje nekartojame,
   kad ženklui ir meniu mygtukui užtektų vietos. */
@media (max-width: 720px) {
	.iu-antraste .iu-antraste-mygtukas { display: none; }
}

/* Užklausos forma (papildinys „IUSTUM integracijos“) */
.iu-forma { display: grid; gap: 22px; max-width: 720px; --iu-klaida: #A1261D; }
.iu-forma > * { margin: 0; }
.iu-laukas { margin: 0; min-width: 0; }
.iu-laukas > label, .iu-laukas > legend { display: block; font-weight: 600; margin-bottom: 6px; color: var(--wp--preset--color--grafitas); padding: 0; }
.iu-privaloma { font-weight: 400; font-size: 14px; color: var(--iu-antrinis); }
.iu-lauko-pagalba { margin: 0 0 8px; font-size: 14px; color: var(--iu-antrinis); }
.iu-lauko-klaida { margin: 0 0 8px; font-size: 14.5px; font-weight: 600; color: var(--iu-klaida); }
.iu-forma input[type="text"], .iu-forma input[type="tel"], .iu-forma input[type="email"], .iu-forma select, .iu-forma textarea {
	display: block; width: 100%; box-sizing: border-box; min-height: 48px; padding: 11px 14px; font: inherit; font-size: 17px;
	color: inherit; background: #fff; border: 1px solid var(--iu-linija-stipri); border-radius: 2px; }
.iu-forma textarea { min-height: 150px; resize: vertical; line-height: 1.5; }
.iu-forma select { appearance: auto; }
.iu-laukas--klaida input, .iu-laukas--klaida select, .iu-laukas--klaida textarea { border: 2px solid var(--iu-klaida); }
.iu-laukas--grupe { border: 0; padding: 0; }
.iu-pasirinkimai { display: flex; flex-wrap: wrap; gap: 4px 26px; }
.iu-pasirinkimas { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; }
.iu-pasirinkimas input { width: 24px; height: 24px; margin: 0; accent-color: var(--iu-zalias); }
.iu-lauku-pora { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
@media (max-width: 640px) { .iu-lauku-pora { grid-template-columns: 1fr; } }
.iu-forma-suvestine { border: 2px solid var(--iu-klaida); background: #fff; padding: 14px 18px; }
.iu-forma-suvestine p { margin: 0; font-weight: 600; color: var(--iu-klaida); }
.iu-forma-suvestine ul { margin: 8px 0 0; padding-left: 20px; }
.iu-forma-suvestine a { color: var(--iu-klaida); }
.iu-forma-veiksmai { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 20px; }
.iu-forma-mygtukas { cursor: pointer; border: 0; }
.iu-forma-mygtukas[disabled] { opacity: .7; cursor: progress; }
.iu-forma-busena { margin: 0; color: var(--iu-antrinis); }
.iu-forma-busena:empty { display: none; }
.iu-forma-privatumas { font-size: 14px; color: var(--iu-antrinis); }
.iu-forma-sekme { max-width: 720px; background: #fff; border-top: 3px solid var(--iu-zalias); padding: clamp(20px, 3vw, 30px); }
.iu-forma-sekme h2 { margin-top: 0; }
.iu-forma-nr { font-size: 1.3em; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
/* Telefone apatinė juosta nedengia formos, kol ji pildoma ar matomas pateikimo mygtukas */
body.iu-pildoma .iu-mob, body.iu-mygtukas-matomas .iu-mob { display: none !important; }

/* „Aptarti situaciją“ puslapio šoninis stulpelis */
.iu-sonas { border-left: 1px solid var(--iu-linija); padding-left: clamp(20px, 3vw, 36px); }
.iu-sonas ol { padding-left: 20px; margin: 8px 0 0; }
.iu-sonas li { margin-bottom: 8px; color: var(--iu-antrinis); }
@media (max-width: 781px) { .iu-sonas { border-left: 0; padding-left: 0; border-top: 1px solid var(--iu-linija); padding-top: 28px; } }

/* Kainos skaičiuoklė (papildinys „IUSTUM integracijos“) */
.iu-skaic { max-width: 760px; margin-block: 8px 40px; }
.iu-skaic-busena:empty { display: none; }
.iu-skaic-busena { color: var(--iu-antrinis); }
.iu-skaic-busena--tyli { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.iu-skaic { position: relative; }
.iu-skaic-zingsnis, .iu-skaic-rezultatas, .iu-skaic-pranesimas, .iu-skaic--isjungta { background: #fff; border: 1px solid var(--iu-linija); padding: clamp(20px, 3vw, 32px); }
.iu-skaic-rezultatas { border-top: 3px solid var(--iu-zalias); margin-top: 22px; }
.iu-skaic-zingsnio-nr { margin: 0 0 4px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--iu-zalias-sv); }
.iu-skaic-h { margin: 0 0 16px; font-size: clamp(22px, 2.6vw, 28px); }
.iu-skaic-grupe { border: 0; padding: 0; margin: 0 0 22px; }
.iu-skaic-grupe legend { font-weight: 600; font-size: 17px; margin-bottom: 8px; padding: 0; color: var(--wp--preset--color--grafitas); }
.iu-skaic-variantas { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; margin-bottom: 8px; border: 1px solid var(--iu-linija); cursor: pointer; }
.iu-skaic-variantas--pasirinkta { border-color: var(--iu-zalias); box-shadow: inset 3px 0 0 var(--iu-zalias); }
.iu-skaic-variantas input { width: 24px; height: 24px; margin: 2px 0 0; flex: none; accent-color: var(--iu-zalias); }
.iu-skaic-variantas-t { display: flex; flex-direction: column; gap: 3px; }
.iu-skaic-aprasas { font-size: 14.5px; color: var(--iu-antrinis); margin: 0 0 8px; }
.iu-skaic-grupe--klaida legend, .iu-skaic-klaida { color: #A1261D; }
.iu-skaic-klaida { font-weight: 600; margin: 0 0 8px; }
.iu-skaic-grupe--klaida .iu-skaic-variantas { border-color: #A1261D; }
.iu-skaic-ispejimas { border-left: 3px solid var(--iu-zyma); background: rgba(113,86,39,.06); padding: 10px 14px; }
/* Mygtukas ir „arba skambinkite“ – vienoje eilėje, siaurame ekrane – vienas po kito, be persidengimo (ir išjungtoje būsenoje). */
.iu-skaic-veiksmai { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 20px 0 0; }
.iu-skaic--isjungta .iu-skaic-veiksmai { margin: 0; }
.iu-skaic-mygtukas { font: inherit; font-weight: 600; cursor: pointer; padding: 13px 22px; border: 1px solid var(--iu-zalias); border-radius: 2px; background: var(--iu-zalias); color: #fff; min-height: 48px; }
.iu-skaic-mygtukas[disabled] { opacity: .7; cursor: progress; }
.iu-skaic-antrinis { background: transparent; color: var(--iu-zalias); }
.iu-skaic-apimtis { font-weight: 600; margin: 0 0 6px; }
.iu-skaic-suma { margin: 0; }
.iu-skaic-suma-sk { font-family: var(--wp--preset--font-family--serif); font-size: clamp(32px, 4.4vw, 44px); font-weight: 600; color: var(--iu-zalias); font-variant-numeric: tabular-nums; }
.iu-skaic-suma-pvm { font-size: 17px; color: var(--iu-antrinis); }
.iu-skaic-suma { margin: 0 0 18px; line-height: 1.25; }
.iu-skaic-suma-pvm { white-space: nowrap; }
.iu-skaic-etapai { margin-top: 18px; padding: 14px 16px; border: 1px solid var(--iu-linija); border-radius: 2px; }
.iu-skaic-etapai h3 { margin: 0 0 8px; font-size: 17px; }
.iu-skaic-etapas { margin: 0 0 6px; }
.iu-skaic-etapas-suma { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.iu-skaic-sarasas h3 { font-size: 16px; margin: 16px 0 6px; }
.iu-skaic-sarasas ul { margin: 0; padding-left: 20px; }
/* Po kainos (S-116): „Kodėl tokia kaina“, „Kas bus toliau“, nuorodos susipažinti. */
.iu-skaic-kodel { margin-top: 22px; padding: 16px 18px; border-left: 3px solid var(--iu-zyma); background: rgba(113,86,39,.06); }
.iu-skaic-kodel h3 { margin: 0 0 6px; font-size: 17px; }
.iu-skaic-kodel p { margin: 0; }
.iu-skaic-kodel a { color: var(--iu-zalias-sv); font-weight: 600; }
.iu-skaic-toliau { margin-top: 26px; }
.iu-skaic-toliau h3 { margin: 0 0 12px; font-size: 17px; }
.iu-skaic-toliau ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.iu-skaic-toliau li { border-top: 2px solid var(--iu-zalias); padding-top: 10px; }
.iu-skaic-toliau .iu-nr { display: block; font-family: var(--wp--preset--font-family--serif); font-size: 14px; color: var(--iu-zalias-sv); margin: 0 0 4px; }
.iu-skaic-toliau strong { display: block; margin-bottom: 4px; }
.iu-skaic-toliau p { margin: 0; font-size: 14.5px; color: var(--iu-antrinis); }
@media (max-width: 600px) { .iu-skaic-toliau ol { grid-template-columns: 1fr; gap: 12px; } }
.iu-skaic-nuorodos { margin: 14px 0 0; font-size: 14.5px; color: var(--iu-antrinis); }
.iu-skaic-nuorodos a { color: var(--iu-zalias-sv); font-weight: 600; }
.iu-skaic-tel:empty { display: none; }
.iu-skaic-tel { display: inline-flex; flex-wrap: wrap; gap: 0 6px; align-items: center; }
.iu-skaic .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.iu-skaic-perziura { border: 1px dashed var(--iu-zyma); background: rgba(113,86,39,.06); padding: 10px 14px; margin: 0 0 14px; font-size: 15px; }
.iu-skaic-suma-laukas { margin: 4px 0 10px 50px; display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; }
.iu-skaic-suma-laukas[hidden] { display: none; }
.iu-skaic-suma-laukas input { font: inherit; padding: 10px 12px; min-height: 44px; width: min(220px, 100%); border: 1px solid var(--iu-linija); border-radius: 2px; }
.iu-skaic-suma-laukas input:focus-visible { outline: 3px solid var(--iu-zalias); outline-offset: 2px; }
.iu-skaic-grupe--klaida .iu-skaic-suma-laukas input { border-color: #A1261D; }
.iu-forma-pasiulymas { border: 1px solid var(--iu-linija); border-left: 3px solid var(--iu-zalias); background: #fff; padding: 12px 16px; }
.iu-forma-pasiulymas p { margin: 0 0 4px; }

/* ------------------------------------------------------------------ *
 * Puslapis „Situacijos“ (S-089)
 * ------------------------------------------------------------------ */
.iu-sit-turinys ol { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 10px; }
.iu-sit-turinys a { display: inline-block; padding: 8px 14px; border: 1px solid var(--iu-linija); background: #fff; text-decoration: none; color: var(--iu-zalias); font-size: 15px; font-weight: 600; }
.iu-sit-turinys a:hover { border-color: var(--iu-zalias); }
.iu-sit-kategorija { border-top: 1px solid var(--iu-linija); padding-top: 34px; margin-top: 40px; scroll-margin-top: 90px; }
.iu-sit-kategorija > h2 { margin: 0 0 18px; font-size: clamp(24px, 2.8vw, 32px); }
.iu-sit-grupe { margin-top: 24px; }
.iu-sit-grupe > h3 { margin: 0 0 10px; font-size: 18px; color: var(--iu-zalias-sv); }
.iu-sit-sarasas { list-style: none; margin: 0 0 8px; padding: 0; border: 1px solid var(--iu-linija); background: #fff; }
.iu-sit { display: grid; grid-template-columns: 1fr auto; gap: 4px 24px; align-items: center; padding: 14px 18px; border-top: 1px solid var(--iu-linija); scroll-margin-top: 90px; }
.iu-sit:first-child { border-top: 0; }
.iu-sit-pav { font-weight: 600; }
.iu-sit-apr { grid-column: 1; font-size: 14.5px; color: var(--iu-antrinis); }
.iu-sit-veiksmai { grid-column: 2; grid-row: 1 / span 2; display: flex; gap: 14px; white-space: nowrap; }
.iu-sit-veiksmai a { font-weight: 600; font-size: 15px; color: var(--iu-zalias-sv); text-decoration: none; padding: 8px 0; }
.iu-sit-veiksmai a:hover { text-decoration: underline; text-underline-offset: 3px; }
.iu-sit-pastaba { margin-top: 34px; padding: 18px 20px; border-left: 3px solid var(--iu-zalias); background: #fff; }
@media (max-width: 720px) {
	.iu-sit { grid-template-columns: 1fr; }
	.iu-sit-veiksmai { grid-column: 1; grid-row: auto; margin-top: 6px; }
}
.iu-skaic-variantas--kita { border-style: dashed; }
.iu-sit-kita { margin: 6px 0 0; font-size: 15px; }
.iu-sit-kita a { display: inline-block; padding: 10px 0; color: var(--iu-zalias-sv); font-weight: 600; }

/* Pirmo ekrano kubas (S-110, šablonas iustum/kubas, assets/kubas.js).
   Numatyta – kortelės (be scenarijaus, išjungus animacijas, kai tekstas netelpa).
   Kubas – kai <html> turi „iu-kubas-js“ (įjungia functions.php dar prieš piešimą) ir kubas nepažymėtas „iu-kubas--plokscias“.
   Be aspect-ratio / inset / :has – kad veiktų ir senesnėse naršyklėse (S-104). */
.iu-kubas { padding-top: clamp(32px, 5vw, 64px); padding-bottom: clamp(32px, 5vw, 64px); margin-top: 0 !important; overflow: hidden; }
.iu-kubas__scena { max-width: 1120px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
.iu-kubas__vidus { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 781px) { .iu-kubas__vidus { grid-template-columns: minmax(0, 1fr); } }
.iu-kubas__vidus > :first-child:nth-last-child(odd) { grid-column: 1 / -1; } /* nelyginis sienelių skaičius – pirma kortelė per visą plotį, kad nė viena neliktų viena eilutėje */
.iu-kubas__zodziai, .iu-kubas__seselis, .iu-kubas__taskai, .iu-kubas__toliau { display: none; }
.iu-kubas .iu-kubas__zodis { display: none !important; }

.iu-kubas__siena { position: relative; margin: 0 !important; padding: clamp(24px, 4.4vw, 52px); overflow: hidden;
	display: flex; flex-direction: column; justify-content: center; gap: 14px; border: 1px solid #2B4A38; }
.iu-kubas__siena::before { content: ""; position: absolute; top: 14px; right: 14px; bottom: 14px; left: 14px;
	border: 1px solid rgba(255,255,255,.12); pointer-events: none; }
.iu-kubas .iu-kubas__siena > .iu-kubas__tamsa { display: none; } /* šešėlis sukant kubą (sukuria kubas.js) */
.iu-kubas .iu-kubas__siena > * { position: relative; z-index: 1; margin-top: 0 !important; margin-bottom: 0 !important; }
.iu-kubas .iu-kubas__siena > .wp-block-buttons { margin-top: 6px !important; }
.iu-kubas__siena .iu-zyme { color: rgba(255,255,255,.74); }
/* Pirmos sienelės rodiklis (S-124): „Daugiau kaip / 10 000 / vestų bylų · N metai praktikos“ – skaičius didesnis už H1 */
.iu-kubas__siena .iu-kubas__rodiklis { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; line-height: 1.35; color: rgba(255,255,255,.78); padding-bottom: 8px; }
.iu-kubas__siena .iu-kubas__rodiklis > span { display: block; }
.iu-kubas__siena .iu-kubas__rodiklis strong { display: block; margin: 2px 0 4px; font-family: var(--wp--preset--font-family--serif); font-size: clamp(46px, 5.6vw, 72px); font-weight: 600; line-height: 1; letter-spacing: -.01em; text-transform: none; color: #fff; font-variant-numeric: lining-nums; }
.iu-kubas__siena h1, .iu-kubas__siena h2 { color: inherit; font-size: clamp(26px, 3vw, 38px); line-height: 1.15; max-width: 22ch; text-wrap: balance; }
.iu-kubas__siena .iu-ivadas, .iu-kubas__siena p { color: rgba(255,255,255,.88); }
.iu-kubas .iu-kubas__siena .iu-ivadas { font-size: clamp(15.5px, 1.35vw, 17.5px) !important; line-height: 1.55; max-width: 48ch; } /* !important – nusveria WordPress dydžio klasę (pvz., has-vidutinis-font-size) */
.iu-kubas__siena .wp-block-button:not(.is-style-outline) > .wp-block-button__link { background: #FFFFFF; color: var(--iu-zalias); }
.iu-kubas__siena .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover { background: #E4ECE6; color: var(--iu-zalias); }

/* Kubas */
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) {
	--virsus: 0px; --apacia: 0px;
	--scenos-h: calc(100vh - var(--virsus) - var(--apacia));
	position: relative; padding: 0; overflow: visible;
	height: calc(var(--sienu, 4) * var(--scenos-h));
}
@supports (height: 100svh) {
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) { --scenos-h: calc(100svh - var(--virsus) - var(--apacia)); }
}
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__scena {
	position: -webkit-sticky; position: sticky; top: var(--virsus); height: var(--scenos-h);
	max-width: none; margin: 0; padding: 0; overflow: hidden;
	display: flex; align-items: center; justify-content: center;
}
/* S-180: kiekviena sienelė sukama pati (perspektyva – jos pačios transformacijoje), be bendro 3D konteksto
   („preserve-3d“). Su bendru kontekstu Chromium naršyklės kai kuriais kampais nenupiešdavo sienelės fono ruožo
   (šviesi juosta per sienelę) – taip nutikdavo, kai kubo viršus ar apačia palenda po nepermatoma lipnia antrašte ar
   telefono apatine juosta. Kubas iškilas, nematomos sienelės slepiamos („backface-visibility“), todėl bendro
   konteksto gylio rikiavimui nereikia; vaizdas tas pats. Kampą kiekviename kadre nustato kubas.js. */
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__kubas {
	--w: min(640px, calc(100vw - 128px)); --h: min(540px, calc(var(--scenos-h) - 96px)); --kp: 2600px;
	position: relative; z-index: 2; width: var(--w); height: var(--h);
}
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__vidus {
	display: block; position: relative; width: 100%; height: 100%;
}
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__siena {
	/* viršus ir apačia – 1 px už briaunos: gretimos sienelės ties briauna persidengia, todėl sukant tarp jų
	   nebeprasišviečia šviesus puslapio fonas (plonytė šviesi linija ties briauna) */
	position: absolute; top: -1px; right: 0; bottom: -1px; left: 0;
	overflow: visible; /* S-119: su overflow:hidden Chrome 90° pasukta sienelė (Įžvalgos) nereaguodavo į pelę – nuorodos neveikė; turinys telpa (tikrina kubas.js) */
	-webkit-backface-visibility: hidden; backface-visibility: hidden;
	transform: perspective(var(--kp)) translateZ(calc(var(--h) / -2)) rotateX(calc(var(--i, 0) * -90deg)) translateZ(calc(var(--h) / 2));
	will-change: transform; /* kampą kiekviename kadre keičia kubas.js – sluoksnis neperpiešiamas */
}
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__siena > .iu-kubas__tamsa {
	display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;
	background: #0E1C14; opacity: 0; pointer-events: none;
	will-change: opacity; /* atskiras sluoksnis – sukant sienelės tekstas neperpiešiamas (S-113) */
}
.iu-kubas__vidus > :nth-child(2) { --i: 1; }
.iu-kubas__vidus > :nth-child(3) { --i: 2; }
.iu-kubas__vidus > :nth-child(4) { --i: 3; }
.iu-kubas__vidus > :nth-child(5) { --i: 4; }
.iu-kubas__vidus > :nth-child(6) { --i: 5; }
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__zodziai {
	display: block; position: absolute; left: 0; right: 0; bottom: -.18em; z-index: 1;
	font-family: var(--wp--preset--font-family--serif); font-weight: 600; font-size: clamp(110px, 21vw, 320px);
	line-height: 1; color: #E6E2D7; text-align: center; white-space: nowrap; pointer-events: none;
}
.iu-kubas__fono-zodis { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity .5s ease; }
.iu-kubas__fono-zodis.yra { opacity: 1; }
/* Žodis „IUSTUM“ – visas ženklas (S-149): bordo I, kitos dalys – fono žodžių spalva; užrašas „Advokatų profesinė bendrija“ matomas po kubu. */
.iu-kubas__fono-zodis--logotipas { bottom: .22em; }
.iu-kubas__fono-zodis--logotipas picture { display: block; }
.iu-kubas__fono-zodis--logotipas img { display: block; margin: 0 auto; width: min(1180px, 76vw); height: auto; }
/* Kubas – pirmas pradžios blokas: be 24 px tarpo po antrašte, kad jau pirmame vaizde visa scena būtų ekrane (S-150). */
.iu-kubas-js body.home .wp-site-blocks > main { margin-top: 0; }
/* Šviesa už kubo (S-149): vos matomas žalsvas atspindys prie „Ginčų“ ir „Kainos“, šiltas auksinis – prie „Įžvalgų“
   (kas antra sienelė); sukant kubą atspalvis keičiasi pamažu – kubas.js keičia sluoksnių „opacity“. Tik kubo režime. */
.iu-kubas__sviesa { display: none; }
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__sviesa {
	display: block; position: absolute; left: 50%; top: 47%; z-index: 0; pointer-events: none;
	width: min(1600px, 160vw); height: 130%; transform: translate(-50%, -50%);
}
.iu-kubas__sviesa > span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; will-change: opacity; }
.iu-kubas__sviesa-z { background: radial-gradient(ellipse 50% 50% at 47% 45%, #E2E9E0 0%, #EAEEE6 30%, #F1F3EE 52%, #F7F6F2 80%); } /* nepermatomos spalvos (popieriaus fonas #F7F6F2) – be žiedų */
.iu-kubas__sviesa-a { opacity: 0; background: radial-gradient(ellipse 50% 50% at 47% 45%, #EFE2C9 0%, #F2E8D6 30%, #F5EFE4 52%, #F7F6F2 80%); }
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__seselis {
	display: block; position: absolute; left: 50%; top: calc(100% + 10px); width: 108%; height: 44px;
	transform: translateX(-50%); background: radial-gradient(closest-side, rgba(30,58,42,.28), rgba(30,58,42,0)); pointer-events: none;
}
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__taskai {
	display: flex; flex-direction: column; gap: 2px; position: absolute; z-index: 3;
	left: max(16px, env(safe-area-inset-left, 0px)); top: 50%; transform: translateY(-50%);
}
.iu-kubas__taskas { width: 24px; height: 28px; padding: 0; border: 0; background: transparent; cursor: pointer;
	display: flex; align-items: center; justify-content: center; }
.iu-kubas__taskas::before { content: ""; display: block; width: 10px; height: 10px; border-radius: 5px;
	border: 1.5px solid var(--iu-zalias); box-sizing: border-box; transition: height .25s ease, width .25s ease, background-color .25s ease; }
.iu-kubas__taskas[aria-current="true"]::before { background: var(--iu-zalias); height: 24px; }
.iu-kubas__taskas:focus-visible { outline-offset: 0; }
/* Užuomina po paskutinės sienelės (S-120): matoma tik kai kubas ties paskutine sienele, paspaudus – prie kito bloko. */
.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__toliau {
	display: inline-flex; align-items: center; gap: 8px; position: absolute; z-index: 3; left: 50%; bottom: 10px; transform: translateX(-50%);
	padding: 8px 14px; border: 0; background: transparent; cursor: pointer; font: inherit; font-size: 12px; letter-spacing: .16em; text-transform: uppercase;
	color: var(--iu-zalias-sv); opacity: 0; pointer-events: none; transition: opacity .35s ease;
}
.iu-kubas-js .iu-kubas--pabaiga:not(.iu-kubas--plokscias) .iu-kubas__toliau { opacity: 1; pointer-events: auto; }
.iu-kubas__toliau::after { content: "↓"; font-size: 16px; line-height: 1; animation: iu-toliau 1.6s ease-in-out infinite; }
@keyframes iu-toliau { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
@media (prefers-reduced-motion: reduce) { .iu-kubas__toliau::after { animation: none; } }
@media (max-width: 781px) {
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__toliau { display: none; } /* telefone apačioje – taškai, o turinys ir taip eina iš karto po kubo */
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__kubas {
		--w: calc(100vw - 32px); --h: min(620px, calc(var(--scenos-h) - 60px));
		margin-bottom: 28px;
	}
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__taskai {
		flex-direction: row; top: auto; bottom: 4px; left: 50%; transform: translateX(-50%);
	}
	.iu-kubas__taskas { width: 28px; height: 28px; }
	.iu-kubas__taskas[aria-current="true"]::before { height: 10px; width: 24px; }
	.iu-kubas__siena h1, .iu-kubas__siena h2 { font-size: clamp(23px, 6.4vw, 30px); }
	.iu-kubas__siena .iu-kubas__rodiklis { padding-bottom: 0; }
	.iu-kubas__siena .iu-kubas__rodiklis strong { font-size: clamp(40px, 11.5vw, 52px); }
	.iu-kubas .iu-kubas__siena .iu-ivadas { font-size: 15.5px !important; line-height: 1.5; }
	.iu-kubas__siena .wp-block-button__link { min-height: 44px; padding: 10px 16px; font-size: 16px; }
	.iu-kubas__siena { gap: 12px; }
}
/* Telefone (S-150; po bendrųjų telefono kubo taisyklių – jas perrašo): kubas prie viršaus ir šiek tiek žemesnis (ne žemesnis nei 430 px – kad sienelės neatrodytų
   suspaustos), po juo – taškai, dar žemiau – visas ženklas (be užrašo; dydis pagal likusią vietą) ar visas fono žodis. */
@media (max-width: 781px) and (min-height: 600px) {
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) { --kh: max(430px, min(560px, calc(var(--scenos-h) - 140px))); }
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__scena { align-items: flex-start; }
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__kubas { --h: var(--kh); margin-top: 10px; margin-bottom: 0; }
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__taskai { bottom: auto; top: calc(10px + var(--kh) + 6px); }
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__zodziai { top: 0; bottom: 0; font-size: clamp(64px, 18vw, 100px); }
	.iu-kubas__fono-zodis { bottom: -.17em; }
	.iu-kubas__fono-zodis--logotipas { bottom: auto; top: calc(10px + var(--kh) + 42px); }
	.iu-kubas__fono-zodis--logotipas img { width: min(72vw, calc((var(--scenos-h) - var(--kh) - 58px) * 4.08)); } /* 4,08 – ženklo be užrašo proporcija */
}
/* Žemame (pvz., gulsčiai pasuktame) telefone ženklui vietos nėra – nerodomas, kad neliktų nukirptos I. */
@media (max-width: 781px) and (max-height: 599px) {
	.iu-kubas__fono-zodis--logotipas { display: none; }
}
/* S-151: jei po kubu ženklui lieka mažiau nei 40 px aukščio (scena žemesnė nei 430 + 58 + 40 px), jis būtų trupinio dydžio – nerodomas.
   Matuojamas tikras scenos aukštis (fono žodžių sluoksnis užima visą sceną; jo dydis nuo turinio nepriklauso). */
@media (max-width: 781px) and (min-height: 600px) {
	.iu-kubas-js .iu-kubas:not(.iu-kubas--plokscias) .iu-kubas__zodziai { container-type: size; }
}
@container (height < 528px) {
	.iu-kubas__fono-zodis--logotipas { display: none; }
}

/* Terminų skaičiuoklė [iustum_terminas] (S-121). */
.iu-terminas { border-left: 3px solid var(--iu-zyma); background: rgba(113,86,39,.06); padding: 16px 18px; margin: 20px 0; }
.iu-terminas__zodziai { margin: 0 0 10px; font-weight: 600; }
.iu-terminas__laukai { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: end; }
.iu-terminas__laukai label { display: block; font-size: 14.5px; color: var(--iu-antrinis); margin-bottom: 4px; flex-basis: 100%; }
.iu-terminas__laukai .iu-terminas__dienu-etikete { flex-basis: auto; }
.iu-terminas__data, .iu-terminas__dienos { font: inherit; padding: 9px 12px; min-height: 44px; border: 1px solid var(--iu-linija); border-radius: 2px; background: #fff; }
.iu-terminas__dienos { width: 90px; }
.iu-terminas__rezultatas { margin: 12px 0 0; font-family: var(--wp--preset--font-family--serif); font-size: 20px; font-weight: 600; color: var(--iu-zalias); line-height: 1.3; }
.iu-terminas__rezultatas:empty { display: none; }
.iu-terminas__rezultatas--praejo { color: #9A2C28; }
.iu-terminas__paaiskinimas, .iu-terminas__pastaba { margin: 10px 0 0; font-size: 14px; color: var(--iu-antrinis); }

/* Bylos ekonomika [iustum_ekonomika] (S-121). */
.iu-eko { background: #fff; border: 1px solid var(--iu-linija); border-top: 3px solid var(--iu-zalias); padding: clamp(18px, 3vw, 28px); margin: 20px 0; }
.iu-eko__laukai { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: end; margin: 0 0 14px; }
.iu-eko__laukas label { display: block; font-size: 14.5px; color: var(--iu-antrinis); margin-bottom: 4px; }
.iu-eko__laukas--zyme label { color: inherit; font-size: 15px; display: flex; gap: 8px; align-items: center; min-height: 44px; }
.iu-eko__laukas--zyme { position: relative; display: flex; align-items: center; gap: 10px; }
.iu-eko__laukas--zyme label { margin-bottom: 0; }
.iu-eko__info { flex: none; width: 28px; height: 28px; padding: 0; border: 1.5px solid var(--iu-zalias); border-radius: 50%; background: #fff; color: var(--iu-zalias); font: inherit; font-size: 15px; font-weight: 700; line-height: 1; cursor: pointer; } /* S-169: paaiškinimas prie varnelės */
.iu-eko__info:hover, .iu-eko__info[aria-expanded="true"] { background: var(--iu-zalias); color: #fff; }
.iu-eko__info-t { position: absolute; z-index: 5; top: 100%; left: 0; box-sizing: border-box; width: min(440px, calc(100vw - 72px)); margin: 2px 0 0; padding: 12px 14px; border: 1px solid var(--iu-linija-stipri); border-left: 3px solid var(--iu-zalias); background: #fff; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); font-size: 14.5px; } /* virš lentelės – kad atsiradęs tekstas nestumdytų mygtuko */
.iu-eko__info-t[hidden] { display: none; }
.iu-eko input[type="number"] { font: inherit; padding: 9px 12px; min-height: 44px; width: 150px; border: 1px solid var(--iu-linija); border-radius: 2px; text-align: right; font-variant-numeric: tabular-nums; }
.iu-eko input[type="checkbox"] { width: 24px; height: 24px; flex: none; margin: 0; accent-color: var(--iu-zalias); } /* bent 24 × 24 px pirštui; flex: none – kad telefone nesusispaustų (buvo 15 × 22, S-157) */
.iu-eko__lentele { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 15.5px; }
.iu-eko__lentele td { padding: 9px 0; border-top: 1px solid var(--iu-linija); vertical-align: top; }
.iu-eko__lentele td.iu-eko__r { text-align: right; white-space: nowrap; font-weight: 600; font-variant-numeric: tabular-nums; padding-left: 16px; }
.iu-eko__viso td { border-top: 2px solid var(--iu-zalias); font-weight: 700; }
.iu-eko__sm { display: block; font-size: 13px; color: var(--iu-antrinis); font-weight: 400; }
.iu-eko__h { margin: 10px 0 6px; font-size: 19px; }
.iu-eko__tekstas { margin: 0 0 14px; }
.iu-eko__pastaba { margin: 0; font-size: 13.5px; color: var(--iu-antrinis); }
@media (max-width: 600px) { .iu-eko__lentele td.iu-eko__r { white-space: normal; } .iu-eko input[type="number"] { width: 120px; } }

/* Skyrius „Ką daryti, jei…“ (S-121): dokumentų puslapiai. */
.iu-dok > * { max-width: 760px; margin-left: 0 !important; }
.iu-dok h2 { margin-top: 34px; font-size: clamp(22px, 2.4vw, 27px); }
.iu-atnaujinta { margin: 10px 0 0; font-size: 14px; color: var(--iu-antrinis); } /* „Atnaujinta 2026 m. lapkritį“ po dokumentų puslapio antrašte (S-197) */
.iu-pasekme { border: 1px solid #E3B9B6; background: #FBF1F0; padding: 14px 16px; }
.iu-pasekme::before { content: "Jei nieko nedarysite: "; font-weight: 700; color: #9A2C28; }
.iu-dok-zingsniai { list-style: none; counter-reset: iu-dok; margin: 0; padding: 0; }
.iu-dok-zingsniai li { counter-increment: iu-dok; position: relative; padding: 10px 0 10px 44px; border-top: 1px solid var(--iu-linija); }
.iu-dok-zingsniai li::before { content: "0" counter(iu-dok); position: absolute; left: 0; top: 11px; font-family: var(--wp--preset--font-family--serif); color: var(--iu-zalias-sv); font-size: 15px; }
.iu-dok-kiti { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--iu-linija); font-weight: 400; }
.iu-dok-kiti a { font-weight: 600; }

/* Pradžios blokas „Gavote dokumentą?“ (S-122, šablonas iustum/dokumentai, 20-ka-daryti-skelbti): dokumentų sąrašas dviem stulpeliais */
.iu-dok-sarasas { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 32px; }
.iu-dok-sarasas li { break-inside: avoid; margin: 0; padding: 0; border-bottom: 1px solid var(--iu-linija); font-weight: 600; font-size: 16px; line-height: 1.4; }
.iu-dok-sarasas li a { display: block; padding: 11px 0; color: var(--iu-zalias-sv); text-decoration: none; }
.iu-dok-sarasas li a:hover, .iu-dok-sarasas li a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 781px) { .iu-dok-sarasas { columns: 1; } }
/* /gincai/: situacijų kategorijos po sričių kortelėmis (S-123, [iustum_situaciju_kategorijos]) */
.iu-sit-kategorijos li a { padding-bottom: 2px; }
.iu-sit-kategorijos .iu-sit-kiek { display: block; padding-bottom: 11px; font-size: 13.5px; font-weight: 400; color: var(--iu-antrinis); }
.iu-gincai-situacijos .iu-sit-kategorijos { margin-top: 26px; }
.iu-gincai-toliau { margin-top: 26px; }
.iu-dok .wp-block-details { border-top: 1px solid var(--iu-linija); padding: 10px 0; margin: 0; }
.iu-dok .wp-block-details:last-of-type { border-bottom: 1px solid var(--iu-linija); }

/* Telefono numeris nelūžta per eilutes (S-134) */
a[href^="tel:"] { white-space: nowrap; }

/* Mokymų kortelė „Kuo užsiimame“ sekcijoje (S-135): po sričių kortelėmis – kvalifikacijos sakinys ir santūri kortelė */
.iu-kvalifikacija { margin-top: clamp(28px, 4vw, 40px) !important; }
.iu-mokymai { margin-top: 18px; background: #fff; border: 1px solid var(--iu-linija); border-top: 3px solid var(--iu-zalias); padding: clamp(22px, 3vw, 36px); }
.iu-mokymai h3 { margin: 0 0 6px; }
.iu-mokymai p { font-size: 15.5px; }
.iu-mokymai__paantraste { margin-top: 0; color: var(--iu-zalias-sv); font-weight: 600; }
.iu-mokymai__salygos { border-left: 1px solid var(--iu-linija); padding-left: clamp(20px, 3vw, 36px); }
.iu-mokymai__salygos p { color: var(--iu-antrinis); font-size: 15px; }
.iu-mokymai__salygos .iu-mokymai__kaina { margin-top: 4px; font-size: 20px; color: var(--iu-zalias); }
.iu-mokymai__salygos .iu-mokymai__trukme { margin-top: 0; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--iu-zalias-sv); }
.iu-mokymai .wp-block-buttons { margin-top: 18px; }
@media (max-width: 781px) { .iu-mokymai__salygos { border-left: 0; padding-left: 0; border-top: 1px solid var(--iu-linija); padding-top: 20px; } }
.iu-mokymai__salygos .iu-mokymai__pvm { margin-top: 4px; font-size: 14px; } /* PVM atskirai (S-136) */
.iu-mokymai__juosta { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--iu-linija); display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 8px 36px; } /* kas įskaičiuota, trukmė ir kas neįtraukta – bendra juosta apačioje (S-137) */
.iu-mokymai__juosta p { margin: 0; font-size: 14px; color: var(--iu-antrinis); }
@media (max-width: 781px) { .iu-mokymai__juosta { grid-template-columns: 1fr; } }