/**
 * POT: GLOBALNO/vmesnik/slogi/teme_stil.css
 * NAMEN: Strukturni popravki za 6 novih tem (stekleno/minimalizem/veselo/grafit/pisana/oblak) -
 *   ne samo barve, ampak dejanska sprememba oblike: steklo/blur, robovi gumbov, gostota
 *   presledkov, obnašanje kartic ob hoverju. Obstoječih 6 tem (svetla/kozmicna/nocna/
 *   zora/gozd/meglica) ta datoteka ne spreminja - zanje ostanejo privzete vrednosti
 *   tokenov iz spremenljivke.css nedotaknjene.
 * UPORABA: naloži za astramentalica.css.
 * ODVISNOSTI: spremenljivke.css (--radius-gumb, --stekleno-blur, --kartica-alfa, --gostota).
 */

/* Gumbi upoštevajo --radius-gumb (privzeto 13px = trenutni videz). */
.gumb{border-radius:var(--radius-gumb)}

/* Zaklenjena/demo tema v picker-ju (glej teme_dostop.php + glavna.php). */
.tema-cip[disabled]{opacity:.4;cursor:not-allowed}
.tema-cip[data-tema-nacin="demo"]{border-color:color-mix(in srgb,var(--turkiz) 45%,transparent)}

/* Orbitni krogi na naslovnici so privzeto beli (za temne teme); na svetlih
   temah jih astramentalica.css že popravi za "svetla" - tu enako za 4 nove
   svetle teme, da niso skoraj nevidni. */
html[data-tema="minimalizem"] .orbita{border-color:rgba(20,20,20,.16)}
html[data-tema="veselo"] .orbita{border-color:rgba(43,33,64,.18)}
html[data-tema="pisana"] .orbita{border-color:rgba(36,27,46,.18)}
html[data-tema="oblak"] .orbita{border-color:rgba(24,34,51,.16)}

/* Stekleno: Three.js 3D scena (glej stekleno_3d.js) nadomesti CSS .jedro/.orbita.
   Platno je absolutno, ovoj ze ima position:relative (.hero-orbita). */
.stekleno-3d-platno{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-orbita.ima-3d .jedro,.hero-orbita.ima-3d .orbita{opacity:0;pointer-events:none;transition:opacity .3s ease}

/* Gostota: rahlo poveča/zmanjša glavne razmike, ne da bi lomila postavitev. */
.glavna{padding-top:calc(4.4rem * var(--gostota));padding-bottom:calc(6rem * var(--gostota))}
.odsek{padding-top:calc(5.5rem * var(--gostota));padding-bottom:calc(5.5rem * var(--gostota))}
.hero{gap:calc(4rem * var(--gostota))}

/* ============================================================
 * STEKLENO — prosojne, zamegljene kartice in glava; močnejši sij.
 * ============================================================ */
html[data-tema="stekleno"] .kartica,
html[data-tema="stekleno"] .panel,
html[data-tema="stekleno"] .svet-kartica,
html[data-tema="stekleno"] .svet-podrobno,
html[data-tema="stekleno"] .orodje-obrazec,
html[data-tema="stekleno"] .racun-obrazec,
html[data-tema="stekleno"] .forum-nit,
html[data-tema="stekleno"] .forum-prazno,
html[data-tema="stekleno"] .forum-prijava,
html[data-tema="stekleno"] .forum-nit-glava,
html[data-tema="stekleno"] .forum-objava{
  background:rgba(255,255,255,var(--kartica-alfa));
  backdrop-filter:blur(var(--stekleno-blur));
  -webkit-backdrop-filter:blur(var(--stekleno-blur));
  border-color:var(--rob);
}
html[data-tema="stekleno"] .glava{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:rgba(11,15,28,.55)}
html[data-tema="stekleno"] .kartica:hover,html[data-tema="stekleno"] .svet-kartica:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 30px 70px rgba(125,216,255,.18);
}
html[data-tema="stekleno"] .gumb.primarni{box-shadow:0 12px 40px rgba(125,216,255,.32)}
html[data-tema="stekleno"] .jedro{box-shadow:0 0 110px rgba(125,216,255,.4)}

/* ============================================================
 * MINIMALIZEM — brez gradientov/senc, ravne ploskve, tanek rob.
 * ============================================================ */
html[data-tema="minimalizem"] .kartica,
html[data-tema="minimalizem"] .panel,
html[data-tema="minimalizem"] .svet-kartica,
html[data-tema="minimalizem"] .svet-podrobno,
html[data-tema="minimalizem"] .orodje-obrazec{
  background:var(--povrsina);box-shadow:none;
}
html[data-tema="minimalizem"] .kartica:hover,html[data-tema="minimalizem"] .svet-kartica:hover{
  transform:none;border-color:var(--besedilo);
}
html[data-tema="minimalizem"] .gumb.primarni{
  background:var(--besedilo);color:var(--ozadje);box-shadow:none;
}
html[data-tema="minimalizem"] .glava{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--ozadje)}
html[data-tema="minimalizem"] .jedro{box-shadow:none;background:var(--besedilo);color:var(--ozadje)}
html[data-tema="minimalizem"] .odsek.poudarjen:before{display:none}

/* ============================================================
 * VESELO — debelejši, bolj igrivi robovi; kartice "poskočijo".
 * ============================================================ */
html[data-tema="veselo"] .kartica,
html[data-tema="veselo"] .panel,
html[data-tema="veselo"] .svet-kartica,
html[data-tema="veselo"] .svet-podrobno,
html[data-tema="veselo"] .orodje-obrazec{
  border-width:2px;background:var(--povrsina);
}
html[data-tema="veselo"] .kartica:hover,html[data-tema="veselo"] .svet-kartica:hover{
  transform:translateY(-4px) rotate(-.6deg) scale(1.02);
}
html[data-tema="veselo"] .gumb.primarni{
  background:linear-gradient(135deg,var(--zlata),var(--zlata2));
  color:#fff;box-shadow:0 10px 26px rgba(255,107,107,.35);
}
html[data-tema="veselo"] .kartica-ikona{border-radius:50%}

/* ============================================================
 * GRAFIT — brez posebnosti (že samo tokeni), a rahlo ostrejši hover.
 * ============================================================ */
html[data-tema="grafit"] .kartica,html[data-tema="grafit"] .svet-kartica{background:var(--povrsina)}
html[data-tema="grafit"] .glava{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* ============================================================
 * PISANA — vsaka kartica dobi rahlo drugačen barvni odtenek po vrstnem redu.
 * ============================================================ */
html[data-tema="pisana"] .kartica,html[data-tema="pisana"] .svet-kartica{background:var(--povrsina)}
html[data-tema="pisana"] .mreza > *:nth-child(4n+1){box-shadow:0 14px 30px rgba(255,93,162,.16)}
html[data-tema="pisana"] .mreza > *:nth-child(4n+2){box-shadow:0 14px 30px rgba(255,183,3,.16)}
html[data-tema="pisana"] .mreza > *:nth-child(4n+3){box-shadow:0 14px 30px rgba(131,56,236,.16)}
html[data-tema="pisana"] .mreza > *:nth-child(4n+4){box-shadow:0 14px 30px rgba(6,214,160,.16)}
html[data-tema="pisana"] .gumb.primarni{background:linear-gradient(135deg,var(--zlata),var(--vijola));color:#fff}

/* ============================================================
 * OBLAK — čisto, malo bolj ploščato, hladna modra senca.
 * ============================================================ */
html[data-tema="oblak"] .kartica,html[data-tema="oblak"] .svet-kartica{background:var(--povrsina)}
html[data-tema="oblak"] .glava{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}