/* ═══════════════════════════════════════════════════════
   PRICELIO — gylis (kraštinės, paviršiai, pakylėjimas).
   Kraunama PASKUTINĖ, po light-2026.css.

   Problema: šviesiame režime viskas buvo balta ant beveik baltos. Be kraštinių
   ir be šešėlių kortelės nustoja egzistuoti — lieka tekstas tuštumoje, ir
   puslapis atrodo mažesnis nei yra.

   Sprendimas pagal 2026 praktiką (Linear, Vercel, Stripe): plaukelio storio
   kraštinė ties 10–14 % juodumo kaip PAGRINDINĖ priemonė, o šešėlis — tik tam,
   kas iš tikrųjų plūduriuoja (fiksuoti mygtukai, iškrentantys meniu). Puslapio
   fonas daromas pilkesnis už kortelę: kontrastą kuria SANTYKIS tarp jų, ne
   linija aplink kiekvieną elementą.
   ═══════════════════════════════════════════════════════ */

:root[data-theme="light"] {
  --pl-page:    #eceef4;   /* fonas — pilkšvas, kad balta kortelė kiltų iš jo */
  --pl-surface: #ffffff;
  --pl-line:    rgb(23 23 26 / .12);
  --pl-line-2:  rgb(23 23 26 / .20);
  --pl-lift:    0 1px 2px rgb(17 19 28 / .05), 0 10px 26px rgb(17 19 28 / .06);
  --pl-float:   0 6px 16px rgb(17 19 28 / .10), 0 22px 48px rgb(17 19 28 / .14);
}

/* ── Puslapio fonas ─────────────────────────────────────────────── */
:root[data-theme="light"] body,
:root[data-theme="light"] body:has(.bg-\[\#0e0e11\]),
:root[data-theme="light"] [class*="bg-\[\#0e0e11\]"],
:root[data-theme="light"] [class*="bg-\[\#07070a\]"],
:root[data-theme="light"] [class*="bg-\[\#0b0b0f\]"] { background-color: var(--pl-page) !important; }

/* ── Kortelės ir paviršiai ──────────────────────────────────────────
 * Visi tamsūs kortelių tonai šviesiame režime tampa balti — bet balta ant
 * baltos nieko nereiškia, todėl kartu gauna kraštinę ir lengvą pakylėjimą. */
:root[data-theme="light"] [class*="bg-\[\#101014\]"],
:root[data-theme="light"] [class*="bg-\[\#111116\]"],
:root[data-theme="light"] [class*="bg-\[\#131318\]"],
:root[data-theme="light"] [class*="bg-\[\#15151b\]"],
:root[data-theme="light"] [class*="bg-\[\#16161c\]"],
:root[data-theme="light"] [class*="bg-\[\#17171d\]"],
:root[data-theme="light"] [class*="bg-\[\#18181e\]"],
:root[data-theme="light"] [class*="bg-\[\#18181f\]"],
:root[data-theme="light"] [class*="bg-\[\#19191f\]"],
:root[data-theme="light"] [class*="bg-\[\#1a1a21\]"] {
  background-color: var(--pl-surface) !important;
  border-color: var(--pl-line) !important;
  box-shadow: var(--pl-lift);
}

/* Permatomi „stikliniai" paviršiai (bg-white/[0.02…0.06]) šviesiame režime
 * neturi ką rodyti — po jais balta. Duodam jiems pilkšvą toną ir kraštinę. */
:root[data-theme="light"] [class*="bg-white\/\[0\.0"],
:root[data-theme="light"] .bg-white\/5,
:root[data-theme="light"] .bg-white\/6,
:root[data-theme="light"] .bg-white\/8 {
  background-color: #f4f5f9 !important;
  border-color: var(--pl-line) !important;
}

/* ── Linijos ────────────────────────────────────────────────────────
 * Generatoriaus išverstos kraštinės buvo per silpnos (baltos permatomos
 * kraštinės atitikmuo ant šviesaus fono vos matėsi). Pakeliam iki 12 %. */
:root[data-theme="light"] [class*="border-white\/"],
:root[data-theme="light"] [class*="border-white\/\["] { border-color: var(--pl-line) !important; }
:root[data-theme="light"] [class*="divide-white\/"] > * + * { border-color: var(--pl-line) !important; }
:root[data-theme="light"] header,
:root[data-theme="light"] .pf { border-color: var(--pl-line-2) !important; }

/* Antraštė lieka virš turinio — jai priklauso tikras šešėlis. */
:root[data-theme="light"] header { box-shadow: 0 1px 0 var(--pl-line), 0 8px 24px rgb(17 19 28 / .05); }

/* ── Tamsus režimas: linijos irgi buvo per plonos ───────────────────
 * Ne tokia aštri problema kaip šviesiame, bet 8 % ant #0e0e11 praktiškai
 * nematoma. Pakeliam iki 14 %; forma tampa skaitoma, tonas nesikeičia. */
:root:not([data-theme="light"]) [class*="border-white\/\[0\.0"] { border-color: rgb(255 255 255 / .14); }
:root:not([data-theme="light"]) [class*="divide-white\/\[0\.0"] > * + * { border-color: rgb(255 255 255 / .12); }

/* ── Violetinis tekstas ant violetinio atspalvio ────────────────────
 * Akcentas #7c3aed ant šviesaus atspalvio duoda 4,32–4,42:1 — po 4,5:1 riba
 * smulkiam tekstui (visos „chip" formos žymos). Tekstui imam sodresnį toną;
 * vientisi violetiniai mygtukai (balta ant #7c3aed) nesikeičia. */
:root[data-theme="light"] [class*="text-violet-"] { color: #5b21b6 !important; }

/* ── Saugiklis baltam tekstui ───────────────────────────────────────
 * light-2026.css taisyklės generuojamos pagal RASTAS klases. Kai kurios
 * klasės sulipdomos JS'e (pvz. page-narsyk.js prekių kortelės), ir tokia,
 * generatoriaus nematyta, klasė šviesiame režime lieka balta ant balto —
 * būtent taip dingo prekių pavadinimai /narsyk puslapyje.
 *
 * :where() nulinė specifika: konkreti light-2026 taisyklė VISADA nugali šį
 * saugiklį, o nepadengta klasė vis tiek gauna įskaitomą spalvą. */
:where(:root[data-theme="light"]) :where([class*="text-white"]) { color: #17171a; }
