/* ═══════════════════════════════════════════════════════
   PRICELIO — šviesi tema 2026 dizaino puslapiams.
   SUGENERUOTA: tools/build-light-theme.py — RANKA NETAISYTI.
   Spalvos derinamos su assets/css/design-tokens.css, kad senos ir naujos
   kartos puslapiai šviesiu režimu atrodytų vienodai.

   `!important` čia sąmoningas: proto-2026.css yra statiškas Tailwind dump'as,
   kurio specifiškumo kitaip neperkalbėsi nedubliuojant visos jo struktūros.
   ═══════════════════════════════════════════════════════ */
:root[data-theme="light"] .bg-\[\#07070a\]\/95 { background-color: rgb(255 255 255 / .95) !important; }
:root[data-theme="light"] .bg-\[\#0b0b0f\] { background-color: #f1f1f5 !important; }
:root[data-theme="light"] .bg-\[\#0e0e11\] { background-color: #f6f6f9 !important; }
:root[data-theme="light"] .bg-\[\#101014\] { background-color: #ffffff !important; }
:root[data-theme="light"] .bg-\[\#101014\]\/95 { background-color: rgb(255 255 255 / .95) !important; }
:root[data-theme="light"] .bg-\[\#111116\] { background-color: #ffffff !important; }
:root[data-theme="light"] .bg-\[\#131318\] { background-color: #ffffff !important; }
:root[data-theme="light"] .bg-\[\#15151b\] { background-color: #ffffff !important; }
:root[data-theme="light"] .bg-\[\#16161c\] { background-color: #ffffff !important; }
:root[data-theme="light"] .bg-\[\#17171d\] { background-color: #ffffff !important; }
:root[data-theme="light"] .bg-\[\#17171d\]\/90 { background-color: rgb(255 255 255 / .90) !important; }
:root[data-theme="light"] .bg-\[\#18181e\] { background-color: #ffffff !important; }
:root[data-theme="light"] .bg-\[\#18181f\]\/88 { background-color: rgb(255 255 255 / .88) !important; }
:root[data-theme="light"] .bg-\[\#19191f\] { background-color: #ffffff !important; }
:root[data-theme="light"] .bg-\[\#1a1a21\] { background-color: #ffffff !important; }
:root[data-theme="light"] .bg-\[\#1a1a21\]\/90 { background-color: rgb(255 255 255 / .90) !important; }
:root[data-theme="light"] .bg-\[\#7c3aed\] { background-color: #7c3aed !important; }
:root[data-theme="light"] .bg-amber-300 { background-color: rgb(161 98 7 / 1) !important; }
:root[data-theme="light"] .bg-amber-300\/10 { background-color: rgb(161 98 7 / 0.1) !important; }
:root[data-theme="light"] .bg-amber-300\/\[0\.055\] { background-color: rgb(161 98 7 / 0.055) !important; }
:root[data-theme="light"] .bg-amber-300\/\[0\.065\] { background-color: rgb(161 98 7 / 0.065) !important; }
:root[data-theme="light"] .bg-amber-300\/\[0\.08\] { background-color: rgb(161 98 7 / 0.08) !important; }
:root[data-theme="light"] .bg-amber-400\/10 { background-color: rgb(161 98 7 / 0.1) !important; }
:root[data-theme="light"] .bg-amber-400\/\[0\.035\] { background-color: rgb(161 98 7 / 0.035) !important; }
:root[data-theme="light"] .bg-amber-400\/\[0\.08\] { background-color: rgb(161 98 7 / 0.08) !important; }
:root[data-theme="light"] .bg-emerald-300 { background-color: rgb(13 122 95 / 1) !important; }
:root[data-theme="light"] .bg-emerald-300\/10 { background-color: rgb(13 122 95 / 0.1) !important; }
:root[data-theme="light"] .bg-emerald-300\/12 { background-color: rgb(13 122 95 / 0.12) !important; }
:root[data-theme="light"] .bg-emerald-300\/\[0\.09\] { background-color: rgb(13 122 95 / 0.09) !important; }
:root[data-theme="light"] .bg-emerald-400\/12 { background-color: rgb(13 122 95 / 0.12) !important; }
:root[data-theme="light"] .bg-emerald-400\/15 { background-color: rgb(13 122 95 / 0.15) !important; }
:root[data-theme="light"] .bg-emerald-400\/\[0\.08\] { background-color: rgb(13 122 95 / 0.08) !important; }
:root[data-theme="light"] .bg-violet-400 { background-color: rgb(124 58 237 / 1) !important; }
:root[data-theme="light"] .bg-violet-400\/10 { background-color: rgb(124 58 237 / 0.1) !important; }
:root[data-theme="light"] .bg-violet-400\/\[0\.08\] { background-color: rgb(124 58 237 / 0.08) !important; }
:root[data-theme="light"] .bg-violet-400\/\[0\.09\] { background-color: rgb(124 58 237 / 0.09) !important; }
:root[data-theme="light"] .bg-violet-400\/\[0\.1\] { background-color: rgb(124 58 237 / 0.1) !important; }
:root[data-theme="light"] .bg-violet-500\/\[0\.07\] { background-color: rgb(124 58 237 / 0.07) !important; }
:root[data-theme="light"] .bg-white\/25 { background-color: rgb(23 23 26 / 0.350) !important; }
:root[data-theme="light"] .bg-white\/65 { background-color: rgb(23 23 26 / 0.910) !important; }
:root[data-theme="light"] .bg-white\/8 { background-color: rgb(23 23 26 / 0.112) !important; }
:root[data-theme="light"] .bg-white\/\[0\.025\] { background-color: rgb(23 23 26 / 0.035) !important; }
:root[data-theme="light"] .bg-white\/\[0\.02\] { background-color: rgb(23 23 26 / 0.028) !important; }
:root[data-theme="light"] .bg-white\/\[0\.035\] { background-color: rgb(23 23 26 / 0.049) !important; }
:root[data-theme="light"] .bg-white\/\[0\.03\] { background-color: rgb(23 23 26 / 0.042) !important; }
:root[data-theme="light"] .bg-white\/\[0\.04\] { background-color: rgb(23 23 26 / 0.056) !important; }
:root[data-theme="light"] .bg-white\/\[0\.07\] { background-color: rgb(23 23 26 / 0.098) !important; }
:root[data-theme="light"] .border-amber-300\/15 { border-color: rgb(161 98 7 / 0.210) !important; }
:root[data-theme="light"] .border-amber-300\/20 { border-color: rgb(161 98 7 / 0.280) !important; }
:root[data-theme="light"] .border-amber-400\/30 { border-color: rgb(161 98 7 / 0.420) !important; }
:root[data-theme="light"] .border-emerald-300\/20 { border-color: rgb(13 122 95 / 0.280) !important; }
:root[data-theme="light"] .border-violet-300\/20 { border-color: rgb(124 58 237 / 0.280) !important; }
:root[data-theme="light"] .border-violet-300\/25 { border-color: rgb(124 58 237 / 0.350) !important; }
:root[data-theme="light"] .border-white\/10 { border-color: rgb(23 23 26 / 0.130) !important; }
:root[data-theme="light"] .border-white\/12 { border-color: rgb(23 23 26 / 0.156) !important; }
:root[data-theme="light"] .border-white\/9 { border-color: rgb(23 23 26 / 0.117) !important; }
:root[data-theme="light"] .border-white\/\[0\.06\] { border-color: rgb(23 23 26 / 0.078) !important; }
:root[data-theme="light"] .border-white\/\[0\.07\] { border-color: rgb(23 23 26 / 0.091) !important; }
:root[data-theme="light"] .border-white\/\[0\.08\] { border-color: rgb(23 23 26 / 0.104) !important; }
:root[data-theme="light"] .border-white\/\[0\.09\] { border-color: rgb(23 23 26 / 0.117) !important; }
:root[data-theme="light"] .divide-white\/10 > :not(:last-child) { border-color: rgb(23 23 26 / 0.130) !important; }
:root[data-theme="light"] .divide-white\/\[0\.09\] > :not(:last-child) { border-color: rgb(23 23 26 / 0.117) !important; }
:root[data-theme="light"] .focus\:border-violet-300:focus { border-color: rgb(124 58 237 / 1.000) !important; }
:root[data-theme="light"] .hover\:bg-violet-400\/10:hover { background-color: rgb(124 58 237 / 0.1) !important; }
:root[data-theme="light"] .hover\:bg-violet-400\/20:hover { background-color: rgb(124 58 237 / 0.2) !important; }
:root[data-theme="light"] .hover\:bg-violet-500:hover { background-color: rgb(124 58 237 / 1) !important; }
:root[data-theme="light"] .hover\:bg-white\/10:hover { background-color: rgb(23 23 26 / 0.140) !important; }
:root[data-theme="light"] .hover\:bg-white\/5:hover { background-color: rgb(23 23 26 / 0.070) !important; }
:root[data-theme="light"] .hover\:bg-white\/\[0\.025\]:hover { background-color: rgb(23 23 26 / 0.035) !important; }
:root[data-theme="light"] .hover\:bg-white\/\[0\.04\]:hover { background-color: rgb(23 23 26 / 0.056) !important; }
:root[data-theme="light"] .hover\:bg-white\/\[0\.05\]:hover { background-color: rgb(23 23 26 / 0.070) !important; }
:root[data-theme="light"] .hover\:bg-white\/\[0\.06\]:hover { background-color: rgb(23 23 26 / 0.084) !important; }
:root[data-theme="light"] .hover\:border-violet-300\/35:hover { border-color: rgb(124 58 237 / 0.490) !important; }
:root[data-theme="light"] .hover\:border-violet-400\/40:hover { border-color: rgb(124 58 237 / 0.560) !important; }
:root[data-theme="light"] .hover\:border-white\/20:hover { border-color: rgb(23 23 26 / 0.260) !important; }
:root[data-theme="light"] .hover\:text-violet-100:hover { color: #7c3aed !important; }
:root[data-theme="light"] .hover\:text-white:hover { color: rgb(23 23 26 / 1) !important; }
:root[data-theme="light"] .text-amber-100 { color: #8a5300 !important; }
:root[data-theme="light"] .text-amber-100\/75 { color: #8a5300 !important; }
:root[data-theme="light"] .text-amber-200 { color: #8a5300 !important; }
:root[data-theme="light"] .text-amber-300 { color: #8a5300 !important; }
:root[data-theme="light"] .text-emerald-200 { color: #0a6650 !important; }
:root[data-theme="light"] .text-emerald-300 { color: #0a6650 !important; }
:root[data-theme="light"] .text-emerald-950 { color: #0a6650 !important; }
:root[data-theme="light"] .text-violet-100 { color: #7c3aed !important; }
:root[data-theme="light"] .text-violet-200 { color: #7c3aed !important; }
:root[data-theme="light"] .text-violet-300 { color: #7c3aed !important; }
:root[data-theme="light"] .text-violet-300\/80 { color: #7c3aed !important; }
:root[data-theme="light"] .text-violet-400 { color: #7c3aed !important; }
:root[data-theme="light"] .text-white { color: rgb(23 23 26 / 1) !important; }
:root[data-theme="light"] .text-white\/15 { color: rgb(23 23 26 / 0.62) !important; }
:root[data-theme="light"] .text-white\/32 { color: rgb(23 23 26 / 0.62) !important; }
:root[data-theme="light"] .text-white\/35 { color: rgb(23 23 26 / 0.62) !important; }
:root[data-theme="light"] .text-white\/36 { color: rgb(23 23 26 / 0.628) !important; }
:root[data-theme="light"] .text-white\/38 { color: rgb(23 23 26 / 0.643) !important; }
:root[data-theme="light"] .text-white\/40 { color: rgb(23 23 26 / 0.657) !important; }
:root[data-theme="light"] .text-white\/42 { color: rgb(23 23 26 / 0.672) !important; }
:root[data-theme="light"] .text-white\/43 { color: rgb(23 23 26 / 0.68) !important; }
:root[data-theme="light"] .text-white\/45 { color: rgb(23 23 26 / 0.695) !important; }
:root[data-theme="light"] .text-white\/46 { color: rgb(23 23 26 / 0.703) !important; }
:root[data-theme="light"] .text-white\/47 { color: rgb(23 23 26 / 0.71) !important; }
:root[data-theme="light"] .text-white\/48 { color: rgb(23 23 26 / 0.718) !important; }
:root[data-theme="light"] .text-white\/50 { color: rgb(23 23 26 / 0.733) !important; }
:root[data-theme="light"] .text-white\/52 { color: rgb(23 23 26 / 0.748) !important; }
:root[data-theme="light"] .text-white\/54 { color: rgb(23 23 26 / 0.763) !important; }
:root[data-theme="light"] .text-white\/55 { color: rgb(23 23 26 / 0.77) !important; }
:root[data-theme="light"] .text-white\/56 { color: rgb(23 23 26 / 0.778) !important; }
:root[data-theme="light"] .text-white\/57 { color: rgb(23 23 26 / 0.785) !important; }
:root[data-theme="light"] .text-white\/58 { color: rgb(23 23 26 / 0.792) !important; }
:root[data-theme="light"] .text-white\/60 { color: rgb(23 23 26 / 0.807) !important; }
:root[data-theme="light"] .text-white\/61 { color: rgb(23 23 26 / 0.815) !important; }
:root[data-theme="light"] .text-white\/62 { color: rgb(23 23 26 / 0.823) !important; }
:root[data-theme="light"] .text-white\/65 { color: rgb(23 23 26 / 0.845) !important; }
:root[data-theme="light"] .text-white\/68 { color: rgb(23 23 26 / 0.868) !important; }
:root[data-theme="light"] .text-white\/70 { color: rgb(23 23 26 / 0.883) !important; }
:root[data-theme="light"] .text-white\/75 { color: rgb(23 23 26 / 0.92) !important; }
:root[data-theme="light"] .text-white\/85 { color: rgb(23 23 26 / 0.95) !important; }
:root[data-theme="light"] .text-white\/88 { color: rgb(23 23 26 / 0.95) !important; }
:root[data-theme="light"] .text-white\/90 { color: rgb(23 23 26 / 0.95) !important; }

/* ── Ranka rašyta dalis: ten, kur vien klasės pakeitimo neužtenka ────── */

/* Drobė ir tekstas. Puslapio karkasas turi `bg-[#0e0e11]`, bet body po juo
   lieka Tailwind'o numatytas — be šito prasišviestų kraštuose. */
:root[data-theme="light"] body { background: #f6f6f9; color: #17171a; }

/* SVARBIAUSIA IŠIMTIS. Ant vientiso violetinio mygtuko tekstas privalo LIKTI
   baltas — kitaip `text-white` taisyklė paverstų jį tamsiu ant tamsaus.
   Tas pats ir vientisiems violetiniams/tamsiems paviršiams bei jų viduje
   esantiems vaikams. */
:root[data-theme="light"] [class*="bg-\[\#7c3aed\]"],
:root[data-theme="light"] [class*="bg-\[\#7c3aed\]"] *,
:root[data-theme="light"] .bg-violet-500, :root[data-theme="light"] .bg-violet-500 *,
:root[data-theme="light"] .bg-violet-600, :root[data-theme="light"] .bg-violet-600 * {
  color: #ffffff !important;
}
:root[data-theme="light"] .hover\:bg-violet-500:hover,
:root[data-theme="light"] .hover\:bg-violet-500:hover * { color: #ffffff !important; }

/* `bg-white` turi DVI reikšmes: aktyvaus filtro burbulas (su text-[#17171c])
   ir baltas kvadratėlis po parduotuvės logotipu. Pirmas šviesoje privalo
   apsiversti, antras — likti baltas, kitaip logotipai dingtų. */
:root[data-theme="light"] .bg-white.text-\[\#17171c\] {
  background-color: #17171a !important; color: #ffffff !important;
}

/* Kortelės tamsoje buvo šviesesnės už foną; šviesoje – baltos su šešėliu,
   kitaip jos visiškai susilietų su drobe. */
:root[data-theme="light"] .rounded-2xl[class*="bg-\[\#1"],
:root[data-theme="light"] .rounded-3xl[class*="bg-\[\#1"],
:root[data-theme="light"] .rounded-xl[class*="bg-\[\#1"] {
  box-shadow: 0 1px 2px rgb(23 23 26 / .05), 0 8px 24px rgb(23 23 26 / .06);
}

/* Švytėjimai ir juodi šešėliai sukurti tamsiam fonui — ant balto jie atrodo
   kaip purvo dėmės. */
:root[data-theme="light"] [class*="shadow-\[0_0"] { box-shadow: none !important; }
:root[data-theme="light"] [class*="shadow-\[0_10px_22px_rgba\(0\,0\,0"] {
  box-shadow: 0 10px 22px rgb(23 23 26 / .08) !important;
}

/* Gradientai su įrašytu #0e0e11 (herojaus nuotraukos užtemdymas). */
:root[data-theme="light"] [class*="bg-\[linear-gradient"],
:root[data-theme="light"] [class*="bg-\[radial-gradient"] {
  background-image: linear-gradient(90deg, #f6f6f9 0%, rgb(246 246 249 / .72) 46%, rgb(246 246 249 / .38) 100%) !important;
}
:root[data-theme="light"] .to-\[\#0e0e11\] { --tw-gradient-to: #f6f6f9 !important; }

/* Grūdėta tekstūra šviesiame fone virsta nešvarumu. */
:root[data-theme="light"] .noise { opacity: .012; }

/* Bendra poraštė spalvas ima iš currentColor, bet skirtukai buvo derinti
   tamsai. */
:root[data-theme="light"] .pf { border-top-color: rgb(23 23 26 / .14); }
:root[data-theme="light"] .pf-bot { border-top-color: rgb(23 23 26 / .10); }

/* Grįžimo rodyklė. */
:root[data-theme="light"] .ph-home {
  background: #ffffff; color: #17171a;
  border-color: rgb(23 23 26 / .14);
  box-shadow: 0 2px 10px rgb(23 23 26 / .10);
}

/* SVG diagramose spalvos įrašytos ATRIBUTAIS (fill="rgba(255,255,255,.42)"),
   o ne klasėmis — jokia klasių taisyklė jų nepasiekia. Šviesiu režimu ašių
   parašai ir tinklelis tiesiog dingdavo. Prezentaciniai atributai turi
   mažiausią svorį, todėl CSS juos perrašo. */
:root[data-theme="light"] svg [fill^="rgba(255,255,255"],
:root[data-theme="light"] svg[fill^="rgba(255,255,255"] { fill: rgb(23 23 26 / .68) !important; }
/* Skiriam tinklelį nuo duomenų linijos: tamsoje abu balti, bet .09 yra
   tinklelis, o .68 — reali kreivė. Suplakus juos į vieną reikšmę arba
   dingtų kreivė, arba tinklelis rėktų garsiau už duomenis. */
:root[data-theme="light"] svg [stroke^="rgba(255,255,255"] { stroke: rgb(23 23 26 / .14) !important; }
:root[data-theme="light"] svg [stroke="rgba(255,255,255,.68)"],
:root[data-theme="light"] svg [stroke="rgba(255,255,255,.78)"] { stroke: rgb(23 23 26 / .55) !important; }
:root[data-theme="light"] svg [fill="rgba(255,255,255,.78)"] { fill: rgb(23 23 26 / .72) !important; }
/* JS piešiama diagrama naudoja currentColor + fill-opacity — spalva paveldima
   teisingai, bet .42 ant balto per silpna. */
:root[data-theme="light"] svg text[fill-opacity] { fill-opacity: .72 !important; }

/* Gradientų tarpiniai taškai (via-) — vieninteliai, kurių negalima išvesti
   automatiškai, nes reikšmė gyvena --tw-gradient-stops. */
:root[data-theme="light"] .via-white\/20 { --tw-gradient-via: rgb(23 23 26 / .22) !important; }
:root[data-theme="light"] .via-amber-300\/70 { --tw-gradient-via: rgb(138 83 0 / .55) !important; }

/* Temos jungiklis pats turi apsiversti — kitaip šviesiame puslapyje kabo
   tamsi dėmė. */
:root[data-theme="light"] .ph-theme {
  background: #ffffff; color: #17171a;
  border-color: rgb(23 23 26 / .14);
  box-shadow: 0 2px 10px rgb(23 23 26 / .10);
}

/* Paveikslėliai, nupiešti tamsiam fonui (skaidrūs PNG su šviesiais kraštais)
   šviesoje neturi kur pasidėti — paliekam jiems tamsią plokštumą. */
:root[data-theme="light"] img[src*="mascot"],
:root[data-theme="light"] img[src*="petraitis"] { background: transparent; }