/* ═══════════════════════════════════════════════════════
   PRICELIO — 2026 dizaino patikslinimai.
   Kraunama PO proto-extra.css ir PRIEŠ light-2026.css.

   Trys problemos, kurias šis failas sprendžia:
   1. Dideliuose ekranuose (1920–2560 px) turinys sėdėjo 760 px stulpelyje —
      po 580–900 px tuščių šonų iš abiejų pusių.
   2. Smulkus tekstas (9–11 px parašai) buvo per mažas skaityti.
   3. Šviesus režimas be kraštinių ir šešėlių „susilieja" į vieną baltą plokštumą.
   ═══════════════════════════════════════════════════════ */

/* ── 1. Konteineriai ─────────────────────────────────────────────────
 * Fiksuoti pikseliai keičiami į min(riba, vw): mažuose ekranuose elgiasi
 * taip pat, dideliuose — auga kartu su langu. Teksto stulpelis auga
 * saikingai (880 px, ne visas ekranas): virš ~80 ženklų eilutėje skaityti
 * darosi sunkiau, todėl likusią vietą užpildo šoninis stulpelis, ne ilgesnės
 * eilutės. */
.max-w-\[1440px\] { max-width: min(1720px, 94vw); }
.max-w-\[1180px\] { max-width: min(1400px, 94vw); }
.max-w-\[1120px\] { max-width: min(1360px, 94vw); }
.max-w-\[1080px\] { max-width: min(1320px, 94vw); }
.max-w-\[760px\]  { max-width: min(880px, 92vw); }
.max-w-\[680px\]  { max-width: min(760px, 92vw); }

/* ── 2. Dydžiai ──────────────────────────────────────────────────────
 * Visa skalė pakelta maždaug vienu žingsniu. Prototipe daug 9–11 px parašų —
 * jie skaitomi tik iš arti ir tik jaunomis akimis. */
html { font-size: 17px; }
.text-\[9px\]  { font-size: 10.5px; }
.text-\[10px\] { font-size: 11.5px; }
.text-\[11px\] { font-size: 12.5px; }
.text-\[13px\] { font-size: 14px; }
.text-\[15px\] { font-size: 16.5px; }
.text-\[17px\] { font-size: 18px; }

/* Vidinių puslapių antraštės buvo per silpnos, palyginus su pradžios psl.
 * (60 px prieš 106 px) — dėl to jie atrodė „prastesnės kokybės". */
main h1 { font-size: clamp(2.6rem, 5.2vw, 4.4rem); line-height: 1.02; }
main h2 { font-size: clamp(1.7rem, 2.9vw, 2.6rem); line-height: 1.1; }

/* ── 3. Gylis ────────────────────────────────────────────────────────
 * Pagal 2026 praktiką (Linear, Vercel, Stripe): plaukelio storio kraštinė
 * ties 8–12 % juodumo, o ne minkštas šešėlis. Kraštinė vienodai veikia
 * šviesiu ir tamsiu režimu ir nereikalauja atskiro derinimo.
 * Šešėlis paliekamas TIK tam, kas iš tikrųjų plūduriuoja virš turinio. */
:root {
  --pl-line:   rgb(255 255 255 / .10);
  --pl-line-2: rgb(255 255 255 / .16);
  --pl-float:  0 12px 32px rgb(0 0 0 / .45);
}

/* ── 4. Eilučių tarpai po html{font-size:17px} ────────────────────────
 * Tailwind'o leading-* yra rem, o teksto dydžiai — pikseliai. Pakėlus šaknies
 * dydį iki 17 px tarpai išaugo kartu, o šriftas ne: pastraipos gaudavo 2,0–2,13
 * karto eilutės aukštį (patogu skaityti ~1,6–1,7). Perrašom santykiu, kad
 * galiotų vienodai bet kokiam teksto dydžiui. */
.leading-7 { line-height: 1.7; }
@media (min-width: 1024px) { .lg\:leading-9 { line-height: 1.68; } }