Prilagođena pozadina: čitljivost teksta van kartica preko pozadinske slike

Kad je postavljena pozadinska slika (Podešavanja → Izgled), tekst van .kartica
(filter labele, naslovi sekcija, prazna stanja, paginacija, radio-dugmad bez
klase) ostajao je u tamnoj boji teme i gubio se preko slike. Dodato: pravilo
za .polje-labela/.sekcija-naslov/.prazno-stanje, opšte pravilo za elemente sa
inline bojom teme, i podrazumevana bela boja za ceo glavni sadržaj (.sadrzaj)
koja se nasleđuje na gole elemente bez ijedne klase.

web/templates/stranice/klijenti.html

@@ -164,7 +164,7 @@
     <!-- paginacija -->
     {{if gt .UkupnoStranica 1}}
     <div class="paginacija" style="display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;flex-wrap:wrap;">
-        <span style="font-size:13px;color:var(--tekst-sporedni);">{{.UkupnoKlijenata}} klijenata — {{.StranicaBr}}/{{.UkupnoStranica}}</span>
+        <span class="pomocni-tekst">{{.UkupnoKlijenata}} klijenata — {{.StranicaBr}}/{{.UkupnoStranica}}</span>
         <div style="display:flex;gap:4px;">
             {{if gt .StranicaBr 1}}
             <a href="?stranica={{.StranicaPrev}}{{.StranicaQueryUrl}}" class="btn-sekundarno-malo" hx-target="#klijenti-rezultati" hx-select="#klijenti-rezultati" hx-swap="innerHTML" hx-push-url="true">← Prethodna</a>

web/templates/stranice/magacin.html

@@ -220,7 +220,7 @@
     <!-- paginacija -->
     {{if gt .UkupnoStranica 1}}
     <div class="paginacija" style="display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;flex-wrap:wrap;">
-        <span style="font-size:13px;color:var(--tekst-sporedni);">{{.UkupnoArtikala}} artikala — {{.StranicaBr}}/{{.UkupnoStranica}}</span>
+        <span class="pomocni-tekst">{{.UkupnoArtikala}} artikala — {{.StranicaBr}}/{{.UkupnoStranica}}</span>
         <div style="display:flex;gap:4px;">
             {{if gt .StranicaBr 1}}
             <a href="?stranica={{.StranicaPrev}}{{.StranicaQueryUrl}}" class="btn-sekundarno-malo" hx-target="#magacin-rezultati" hx-select="#magacin-rezultati" hx-swap="innerHTML" hx-push-url="true">← Prethodna</a>

web/templates/teme/podrazumevana/base.html

@@ -59,6 +59,10 @@
         pointer-events: none;
       }
       .raspored { position: relative; z-index: 2; }
+      /* podrazumevana boja teksta u glavnom sadržaju — nasleđuje se na sve gole elemente
+         (npr. radio-labele bez ijedne klase) koji inače ostaju u tamnoj boji teme i gube
+         se preko slike; specifičnija pravila ispod (npr. .kartica p) i dalje važe */
+      .sadrzaj { color: rgba(255,255,255,0.9) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.8); }
       .sidebar { background: rgba(0,0,0,var(--app-glass-sb)) !important; backdrop-filter: blur(var(--app-blur)); -webkit-backdrop-filter: blur(var(--app-blur)); border-right: 1px solid rgba(255,255,255,0.12) !important; }
       .sidebar .nav-stavka, .sidebar .logo-naziv, .sidebar .logo-podnazlov { text-shadow: 0 1px 3px rgba(0,0,0,0.8); color: rgba(255,255,255,0.95) !important; }
       .sidebar .nav-stavka svg { color: rgba(255,255,255,0.95) !important; stroke: rgba(255,255,255,0.95) !important; }
@@ -81,17 +85,26 @@
       div:has(> canvas) { background: rgba(0,0,0,0.3); border-radius: 8px; padding: 8px; }
       /* elementi van kartica (i preskočeni tagovi) koje glass override gore ne dohvata —
          dobijaju sopstvenu staklenu podlogu da se vide bez obzira na sliku ispod */
-      .nazad-link, .btn-sekundarno, .btn-obrisi-ghost, .cek-filter {
+      .nazad-link, .btn-sekundarno, .btn-obrisi-ghost, .cek-filter, .dugme-prekidac {
         background: rgba(0,0,0,0.28) !important;
         backdrop-filter: blur(var(--app-blur)); -webkit-backdrop-filter: blur(var(--app-blur));
         border: 1px solid rgba(255,255,255,0.18) !important;
         color: rgba(255,255,255,0.95) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.8);
       }
+      /* prekidač-dugme (npr. „Samo stornirano") — kad je uključen zadrži akcenat da se vidi stanje */
+      .dugme-prekidac:has(input:checked) { background: color-mix(in srgb, var(--sb-akcent) 45%, rgba(0,0,0,0.28)) !important; border-color: var(--sb-akcent) !important; color: #fff !important; }
       /* .nazad-link i checkbox-traka nemaju sopstveni padding — dajemo „pill" oblik */
       .nazad-link, .cek-filter { padding: 6px 12px; border-radius: 8px; }
       .nazad-link svg, .btn-sekundarno svg, .cek-filter svg { color: rgba(255,255,255,0.95) !important; stroke: rgba(255,255,255,0.95) !important; }
       /* sitne napomene (npr. „maksimum 5 MB") i naslovi van kartica — svetli tekst + halo, bez podloge */
       .pomocni-tekst { color: rgba(255,255,255,0.9) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.8); }
+      /* labele filter-traka/formi, naslovi sekcija i prazna stanja liste — često van .kartica,
+         renderuju se direktno preko slike; damo im svetli tekst + halo (bez podloge) */
+      .polje-labela, .sekcija-naslov, .prazno-stanje { color: rgba(255,255,255,0.9) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.8); }
+      /* opšta zaštitna mreža: bilo koji element sa inline bojom teme (var(--tekst-glavni)
+         ili var(--tekst-sporedni)) van .kartica ostaje čitljiv i preko slike — hvata i buduće
+         opise/prazna stanja koja nisu prošla kroz gornje imenovane klase */
+      [style*="var(--tekst-glavni)"], [style*="var(--tekst-sporedni)"] { color: rgba(255,255,255,0.9) !important; text-shadow: 0 1px 3px rgba(0,0,0,0.8); }
       /* jača dvoslojna senka: oštar tamni obris + širi mekan halo, da naslov „iskoči" i na svetloj slici */
       /* tri sloja u opadajućem zatamnjenju: skoro crn obris → upola → bled široki halo */
       .naslov-traka { color: rgba(255,255,255,0.95) !important; text-shadow: 0 1px 2px rgba(0,0,0,0.95), 0 0 8px rgba(0,0,0,0.5), 0 2px 16px rgba(0,0,0,0.25); }
@@ -105,6 +118,7 @@
         .topbar-naslov { text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 8px rgba(0,0,0,0.85); }
         .naslov-traka { text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 8px rgba(0,0,0,0.9), 0 2px 16px rgba(0,0,0,0.4); }
         .pomocni-tekst { text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,0.85); }
+        .polje-labela, .sekcija-naslov, .prazno-stanje { text-shadow: 0 1px 3px rgba(0,0,0,1), 0 0 6px rgba(0,0,0,0.85); }
       }
     </style>
     <script>