/* POT: GLOBALNO/vmesnik/slogi/vodic.css | VERZIJA: v001 15.10.2026
 * NAMEN: tunel (/landing), pomoč (Alt+H), obvestila, zaklenjena vrata modulov, glas. */

/* ---------- TUNEL ---------- */
html:has(body.tunel-aktiven),body.tunel-aktiven{overflow:hidden}
body.tunel-aktiven .glava,body.tunel-aktiven .noga,body.tunel-aktiven .botek-ovoj,body.tunel-aktiven [class*="botek"]:not(.tunel *){visibility:hidden}
.tunel{--globina:0;position:fixed;inset:0;z-index:200;display:grid;align-items:safe center;justify-items:center;padding:4.5rem 16px 3rem;overflow-x:hidden;overflow-y:auto;
 color:#efe9ff;background:radial-gradient(ellipse at 50% 50%,#1d1840 0%,#0b0a1a 55%,#04040b 100%);font-family:var(--sans)}
.tunel-globina{position:fixed;inset:0;display:grid;place-items:center;perspective:700px;pointer-events:none}
.tunel-obroc{position:absolute;width:min(92vmin,900px);aspect-ratio:1;border-radius:50%;
 border:1px solid rgba(217,164,65,calc(.55 - var(--i)*.05));box-shadow:0 0 40px rgba(130,110,255,calc(.22 - var(--i)*.02)) inset;
 transform:translateZ(calc((var(--globina)*520px) - var(--i)*120px)) scale(calc(1 - var(--i)*.085));
 transition:transform 1.1s cubic-bezier(.2,.7,.1,1);animation:tunel-dih 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.6s)}
@keyframes tunel-dih{50%{border-color:rgba(160,140,255,.35)}}
.tunel-vrh{position:fixed;z-index:2;top:0;left:0;right:0;background:linear-gradient(#0b0a1a,transparent);display:flex;align-items:center;gap:.75rem;padding:1rem 16px}
.tunel-napredek{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}
.tunel-napredek span{display:block;height:100%;width:0;background:linear-gradient(90deg,#d9a441,#b9a5ff);transition:width .6s}
.tunel-tiho{background:rgba(255,255,255,.08);color:inherit;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:2.4rem;height:2.4rem;cursor:pointer}
.tunel-tiho[aria-pressed="true"]{background:#d9a441;color:#1a1410}
.tunel-preskoci{color:#b9b0d8;font-size:.9rem;text-decoration:underline}
.tunel-korak{position:relative;max-width:680px;text-align:center;animation:tunel-vstop .9s cubic-bezier(.2,.7,.1,1)}
@keyframes tunel-vstop{from{opacity:0;transform:scale(.82) translateY(10px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.tunel-korak .oznaka{color:#d9a441;letter-spacing:.18em;font-size:.78rem}
.tunel-korak h1{font-family:var(--serif);font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.15;margin:.6rem 0 1rem;outline:none;color:#fff}
.tunel-korak p{font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.65;color:#d6d0ee;margin:0 auto 1.6rem}
.tunel-dejanja{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.tunel .gumb.primarni{background:linear-gradient(135deg,#d9a441,#eabf7c);color:#1a1410;border:0}
.tunel .gumb.sekundarni{background:transparent;color:#efe9ff;border:1px solid rgba(255,255,255,.3)}
.tunel-soglasje{display:flex;gap:.6rem;align-items:center;justify-content:center;margin:0 0 1.4rem;color:#efe9ff;cursor:pointer}
.tunel-soglasje input{width:1.2rem;height:1.2rem;accent-color:#d9a441}
.tunel-namig{position:fixed;bottom:.8rem;left:0;right:0;text-align:center;font-size:.8rem;color:#8e86b3;margin:0}
.tunel kbd,.vodic-pomoc kbd{font-family:inherit;font-size:.8em;padding:.05rem .35rem;border:1px solid currentColor;border-radius:5px;opacity:.85}
@media (max-width:560px){.tunel-namig{display:none}.tunel-dejanja .gumb{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.tunel-obroc{animation:none;transition:none}.tunel-korak{animation:none}}

/* ---------- POMOČ ---------- */
.vodic-gumb{position:fixed;left:16px;bottom:16px;z-index:150;width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--rob);
 background:var(--povrsina);color:var(--zlata);font-weight:700;font-size:1.2rem;box-shadow:var(--senca);cursor:pointer}
body.tunel-aktiven .vodic-gumb{display:none}
.vodic-pomoc{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}
.vodic-pomoc[hidden]{display:none}
.vodic-pomoc-okno{position:relative;width:min(860px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:1.5rem;border-radius:var(--radius);
 background:var(--ozadje2);color:var(--besedilo);border:1px solid var(--rob);box-shadow:var(--senca)}
.vodic-pomoc-okno h2{margin:.3rem 0 .4rem;font-family:var(--serif)}
.vodic-stopnja{color:var(--zlata);margin:0 0 1rem}
.vodic-mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.vodic-mreza section{padding:1rem;border:1px solid var(--rob);border-radius:14px;background:var(--povrsina)}
.vodic-mreza h3{margin:0 0 .5rem;font-size:1rem}
.vodic-mreza ul{margin:0;padding-left:1.1rem;line-height:1.6}
.vodic-mreza p{margin:0;line-height:1.5;color:var(--muted)}
.vodic-dejanja{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.vodic-zapri{position:absolute;top:.6rem;right:.8rem;border:0;background:none;color:var(--besedilo);font-size:1.6rem;cursor:pointer}

/* ---------- OBVESTILA, ZAKLENJENO, GLAS ---------- */
.vodic-toast{position:fixed;left:50%;bottom:1.2rem;z-index:310;max-width:min(560px,calc(100vw - 32px));padding:.8rem 1.1rem;border-radius:14px;
 background:var(--povrsina2);color:var(--besedilo);border:1px solid var(--zlata);box-shadow:var(--senca);
 transform:translate(-50%,160%);opacity:0;transition:transform .4s,opacity .4s}
.vodic-toast-vidno{transform:translate(-50%,0);opacity:1}
.vodic-toast a{color:var(--zlata);font-weight:700}
a.vodic-zaklenjeno{position:relative;filter:grayscale(.85);opacity:.55}
a.vodic-zaklenjeno::after{content:"🔒";position:absolute;top:.5rem;right:.6rem;font-size:1rem;filter:none}
.vodic-pas{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1rem auto;padding:.9rem 1.1rem;max-width:var(--max);
 border:1px solid var(--zlata);border-radius:14px;background:var(--povrsina2)}
.vodic-pas span{flex:1 1 260px}
body.vodic-poslusa .vodic-gumb{background:var(--zlata);color:var(--ozadje);animation:vodic-utrip 1.2s infinite}
@keyframes vodic-utrip{50%{box-shadow:0 0 0 10px rgba(217,164,65,.25)}}

/* ---------- MOJ RAČUN (profil) ---------- */
.moj-racun{max-width:var(--max);margin:2rem auto;padding:clamp(1.1rem,3vw,2rem);border:1px solid var(--rob);border-radius:var(--radius);background:var(--povrsina)}
.moj-racun h2{margin:.3rem 0 1rem;font-family:var(--serif)}
.moj-racun-mreza{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem}
.moj-racun .racun-obrazec{display:grid;gap:.7rem;align-content:start;padding:1rem;border:1px solid var(--rob);border-radius:14px;background:var(--povrsina2);margin:0;max-width:none}
.moj-racun h3{margin:0;font-size:1.05rem}
.moj-racun label{display:grid;gap:.3rem}
.moj-racun-izbris{margin-top:1rem}
.moj-racun-izbris summary{cursor:pointer;color:var(--zlata2)}
.moj-racun-izbris .racun-obrazec{margin-top:.8rem;border-color:#b4532a}
.gumb.nevarno{background:#b4532a;color:#fff;border:0}
.obrazec-obvestilo.uspeh{border:1px solid var(--turkiz);background:color-mix(in srgb,var(--turkiz) 14%,transparent);padding:.7rem 1rem;border-radius:12px;margin-bottom:1rem}

/* ---------- RAZVOJ / OZADJE (/razvoj) ---------- */
.razvoj-hero{max-width:var(--max);margin:2rem auto 1rem;padding:0 4px}
.razvoj-hero h1{font-family:var(--serif);font-size:clamp(2rem,5vw,3rem);margin:.4rem 0}
.razvoj-hero p{max-width:760px;color:var(--muted);line-height:1.6}
.razvoj-stevci{max-width:var(--max);margin:1rem auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem}
.razvoj-stevci div{padding:1rem;border:1px solid var(--rob);border-radius:16px;background:var(--povrsina);text-align:center}
.razvoj-stevci strong{display:block;font-size:2rem;font-family:var(--serif);color:var(--zlata)}
.razvoj-stevci span{color:var(--muted);font-size:.9rem}
.razvoj-mreza{max-width:var(--max);margin:1rem auto 3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1rem}
.razvoj-kartica{padding:1.2rem;border:1px solid var(--rob);border-radius:var(--radius);background:var(--povrsina);min-width:0}
.razvoj-kartica h2{margin:0 0 .6rem;font-size:1.2rem}
.razvoj-kartica p{color:var(--muted);line-height:1.5}
.razvoj-siroka{grid-column:1/-1}
.razvoj-storitve,.razvoj-seznam,.razvoj-drevo,.razvoj-vrste{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.razvoj-storitve li{display:grid;grid-template-columns:auto 1fr auto;gap:.1rem .6rem;align-items:center}
.razvoj-storitve small{grid-column:2;color:var(--muted)}
.razvoj-storitve em{grid-row:1;grid-column:3;font-style:normal;font-size:.85rem;color:var(--muted)}
.razvoj-luc{width:.75rem;height:.75rem;border-radius:50%;background:#888}
.razvoj-luc.tece{background:#3fbf7f;box-shadow:0 0 0 4px rgba(63,191,127,.18);animation:vodic-utrip 2s infinite}
.razvoj-luc.stoji{background:#c0644a}
.razvoj-zavesti{display:grid;gap:.6rem}
.razvoj-zavesti article{display:grid;gap:.15rem;padding:.7rem .9rem;border-radius:12px;background:var(--povrsina2);border:1px solid var(--rob)}
.razvoj-zavesti span{font-size:.92rem}
.razvoj-zavesti small{color:var(--muted)}
.razvoj-vrste{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.razvoj-vrste li{display:grid;grid-template-columns:1fr 2.5rem;gap:.2rem .6rem;align-items:center;font-size:.92rem}
.razvoj-vrste i{grid-column:1;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--zlata) var(--d),var(--rob) var(--d))}
.razvoj-vrste b{grid-row:1/3;grid-column:2;text-align:right;color:var(--zlata)}
.razvoj-cipi{display:flex;flex-wrap:wrap;gap:.45rem}
.razvoj-cipi span{display:inline-flex;gap:.4rem;align-items:baseline;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--rob);background:var(--povrsina2);font-size:.88rem}
.razvoj-cipi small{color:var(--muted)}
.razvoj-seznam small,.razvoj-prihaja small{color:var(--muted);margin-left:.4rem}
.razvoj-drevo summary{cursor:pointer;font-weight:600}
.razvoj-drevo ul{margin:.3rem 0 .4rem 1rem;padding:0;list-style:"└ ";color:var(--muted);font-size:.92rem}
.razvoj-prihaja{margin:0;padding-left:1.3rem;display:grid;gap:.35rem}
.razvoj-prihaja li.v-teku{color:var(--zlata);font-weight:600}
.razvoj-prazno{max-width:var(--max);margin:2rem auto;color:var(--muted)}

/* ---------- NAKLJUČNI VERZ (verzi.js) ---------- */
.verz-kartica{position:fixed;right:16px;bottom:16px;z-index:140;width:min(380px,calc(100vw - 32px));padding:1rem 1.1rem .8rem;border-radius:18px;
 background:var(--povrsina2);color:var(--besedilo);border:1px solid var(--zlata);box-shadow:var(--senca);transform:translateY(130%);opacity:0;pointer-events:none;transition:transform .6s,opacity .6s}
.verz-kartica.verz-vidno{transform:none;opacity:1;pointer-events:auto}
.verz-besedilo{margin:0 1.4rem .6rem 0;font-family:var(--serif);font-size:1.08rem;line-height:1.5}
.verz-vir{display:block;color:var(--zlata);font-size:.85rem;margin-bottom:.4rem}
.verz-zapri{position:absolute;top:.3rem;right:.5rem;border:0;background:none;color:var(--besedilo);font-size:1.3rem;cursor:pointer}
.verz-danes{border:0;background:none;color:var(--muted);font-size:.8rem;padding:0;cursor:pointer;text-decoration:underline}
@media (max-width:560px){.verz-kartica{right:16px;left:16px;width:auto;bottom:72px}}

.tunel .gumb.tunel-caka{opacity:.45;cursor:wait;filter:grayscale(.6)}


.moj-racun-email{margin:0 0 1rem}.moj-racun-potrjeno{color:var(--turkiz);font-weight:600}.moj-racun-nepotrjeno{color:#c0644a;font-weight:600}.moj-racun-znova{display:inline-block;margin:.5rem 0 0}