:root{
  --gozd:#0F3B31; --zelena:#0F5C4B; --zelena-temna:#0A3F33; --meta:#8FD8B8; --meta-svetla:#DDF2E8;
  --rumena:#F2B85B; --oranzna:#9A4A0C; --oranzna-svetla:#FDEBD3; --ozadje:#F7F6F1;
  --crnilo:#14201C; --siva:#3D4C46; --siva-2:#56645E; --rob:#E2E7E3; --polje:#F3F8F5;
  --naslovi:'Bricolage Grotesque', 'Public Sans', system-ui, sans-serif;
  --besedilo:'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ozadje);color:var(--crnilo);font-family:var(--besedilo);font-size:17px;line-height:1.55}
a{color:var(--zelena)} a:hover{color:var(--zelena-temna)}
:focus-visible{outline:3px solid var(--rumena);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--naslovi);letter-spacing:-0.02em;line-height:1.1;margin:0}
h1{font-size:clamp(34px,5vw,58px);font-weight:800}
h2{font-size:clamp(26px,3vw,34px);font-weight:800}
h3{font-size:20px;font-weight:700;letter-spacing:-0.01em}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.glava{background:var(--gozd);color:#fff;position:relative;overflow:hidden}
.glava .hribi{position:absolute;left:0;right:0;bottom:0;width:100%;height:55%;pointer-events:none}
.vrh{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:var(--naslovi);font-weight:800;font-size:20px}
.logo:hover{color:#fff}
.meni{display:flex;flex-wrap:wrap;gap:22px;font-size:15px;font-weight:500}
.meni a{color:#DDEDE5;text-decoration:none} .meni a:hover{color:#fff;text-decoration:underline}
.uvod{position:relative;padding-top:48px;padding-bottom:104px;display:flex;flex-wrap:wrap;gap:44px;align-items:center}
.uvod .levo{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.uvod .desno{flex:1 1 360px;min-width:0;display:flex;justify-content:center}
.podnaslov{font-size:20px;color:#CFE3D9;max-width:580px}
.iskalnik{display:flex;flex-wrap:wrap;gap:8px;background:#fff;padding:8px;border-radius:16px;max-width:600px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.iskalnik input{flex:1 1 260px;min-width:0;height:54px;padding:0 16px;font:inherit;font-size:18px;border:0;border-radius:10px;color:var(--crnilo)}
.iskalnik.majhen{box-shadow:none;padding:0;background:none;max-width:380px;flex:1 1 260px}
.iskalnik.majhen input{height:46px;font-size:15px;border-radius:12px}
.gumb{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;font:inherit;font-weight:700;font-size:17px;border:0;border-radius:12px;cursor:pointer;text-decoration:none}
.gumb.rumen{background:var(--rumena);color:var(--gozd)} .gumb.rumen:hover{background:#F5C677;color:var(--gozd)}
.gumb.temen{background:var(--gozd);color:#fff} .gumb.temen:hover{background:var(--zelena-temna);color:#fff}
.hitro{font-size:15px;color:#B7D3C6} .hitro a{color:#fff}
.predogled{width:100%;max-width:420px;background:#fff;color:var(--crnilo);border-radius:22px;padding:24px;box-shadow:0 30px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:14px}
.predogled .znesek{font-family:var(--naslovi);font-size:40px;font-weight:800;color:var(--zelena);line-height:1}
.razdelek{padding-top:72px}
.glava-razdelka{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px}
.glava-razdelka p{margin-top:8px;color:var(--siva)}
.mreza{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.kartica{background:#fff;border-radius:18px;padding:22px;box-shadow:0 1px 0 var(--rob),0 6px 18px rgba(15,59,49,.05);display:flex;flex-direction:column;gap:10px;color:var(--crnilo);text-decoration:none}
a.kartica:hover{color:var(--crnilo);box-shadow:0 1px 0 var(--rob),0 10px 26px rgba(15,59,49,.12)}
.kartica .naslov{font-family:var(--naslovi);font-size:23px;font-weight:800;letter-spacing:-0.01em}
.mala{font-size:14px;color:var(--siva-2)}
.oznaka{display:inline-block;font-size:13px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}
.oznaka.odprto{background:var(--meta-svetla);color:var(--zelena)}
.oznaka.kmalu{background:var(--oranzna-svetla);color:var(--oranzna)}
.oznaka.zaprto{background:#EEF1EE;color:var(--siva)}
.vrsta{display:flex;justify-content:space-between;align-items:center;gap:12px}
.trak{height:6px;background:#EEF1EE;border-radius:999px;overflow:hidden} .trak span{display:block;height:100%;background:#2E9B7A;border-radius:999px} .trak.blizu span{background:#E08A2E}
.stevilke{position:relative;margin-top:-60px}
.stevilke .okvir{background:#fff;border-radius:20px;box-shadow:0 12px 30px rgba(15,59,49,.10);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.stevilke .okvir div{padding:24px 26px;border-right:1px solid #EEF1EE} .stevilke .okvir div:last-child{border-right:0}
.stevilke b{display:block;font-family:var(--naslovi);font-size:40px;font-weight:800;color:var(--zelena);line-height:1.1}
.ikona{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--meta-svetla)}
.kartica.ukrep{flex-direction:row;align-items:flex-start;gap:16px}
.pas{display:flex;flex-wrap:wrap;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 1px 0 var(--rob)}
.pas>div{flex:1 1 420px;min-width:0;padding:40px;display:flex;flex-direction:column;gap:14px}
.pas .svetlo{background:#E8F3EE;justify-content:center}
.korak{display:flex;gap:14px;align-items:center} .korak span{flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:var(--gozd);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.drzavno{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.drzavno .temno{background:var(--gozd);color:#fff} .drzavno .temno .mala{color:#CFE3D9}
.velika{font-family:var(--naslovi);font-size:30px;font-weight:800;line-height:1.1}
.opozorila{background:var(--rumena);border-radius:24px;padding:40px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.opozorila>div{flex:1 1 420px;min-width:0} .opozorila h2{color:var(--gozd)} .opozorila p{color:#3A3220;margin-top:8px}
.noga{background:var(--gozd);color:#B7D3C6;margin-top:80px} .noga .wrap{padding-top:36px;padding-bottom:36px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:14px}
.noga nav{display:flex;flex-wrap:wrap;gap:18px} .noga a{color:#fff}
.glava-obcine{padding-top:20px;padding-bottom:70px;position:relative;display:flex;flex-wrap:wrap;gap:36px;align-items:flex-end;justify-content:space-between}
.glava-obcine .levo{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:14px}
.glava-obcine p{color:#CFE3D9;font-size:19px;max-width:660px}
.drobtine{font-size:14px;color:#B7D3C6} .drobtine a{color:#DDEDE5}
.rok{flex:0 1 360px;min-width:0;background:#fff;color:var(--crnilo);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 44px rgba(0,0,0,.28)}
.vsebina{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;margin-top:-34px;position:relative}
.glavni{flex:999 1 620px;min-width:0;display:flex;flex-direction:column;gap:24px}
.stran{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}
.blok{background:#fff;border-radius:22px;padding:30px;box-shadow:0 1px 0 var(--rob)}
.blok.dvignjen{box-shadow:0 12px 30px rgba(15,59,49,.10)}
.blok>h2{margin-bottom:16px}
.blok .vrh-bloka{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:flex-start}
.blok .vrh-bloka .znesek{font-family:var(--naslovi);font-size:40px;font-weight:800;color:var(--zelena);line-height:1;text-align:right}
.polja{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.polja label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.polja input{width:100%;height:52px;padding:0 14px;font:inherit;font-size:18px;border:1px solid #CBD6D0;border-radius:12px;background:#FAFBFA}
.racun{margin-top:20px;background:var(--polje);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}
.racun .vrstica{display:flex;justify-content:space-between;gap:12px}
.racun .vrstica>span:last-child,.racun .vrstica>b{white-space:nowrap}
.racun .vrstica.zelena{color:var(--zelena);font-weight:700}
.racun .skupaj{border-top:1px solid #D8E5DE;padding-top:12px;align-items:baseline}
.racun .skupaj b{font-family:var(--naslovi);font-size:32px}
.pogoj{display:flex;gap:14px;align-items:flex-start;background:var(--polje);border-radius:14px;padding:15px 16px}
.pogoj.opozorilo{background:#FDF1E3}
.pogoj i{flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:var(--zelena);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:14px}
.pogoj.opozorilo i{background:var(--oranzna)}
.seznam{display:flex;flex-direction:column;gap:12px}
.tabela{overflow-x:auto} .tabela table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.tabela th{text-align:left;color:var(--siva-2);font-weight:600;padding:10px 8px;border-bottom:1px solid var(--rob)}
.tabela td{padding:12px 8px;border-bottom:1px solid #EEF1EE;vertical-align:top}
.prijava{background:var(--rumena);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:10px}
.prijava h2{font-size:22px;color:var(--gozd)}
.prijava p{font-size:15px;color:#3A3220}
.regije{columns:3 260px;column-gap:28px}
.regije section{break-inside:avoid;margin-bottom:28px}
.regije ul{list-style:none;padding:0;margin:10px 0 0}
.regije li{padding:7px 0;border-bottom:1px solid #ECEFEC;display:flex;justify-content:space-between;gap:10px;font-size:16px}
.besedilo{max-width:760px} .besedilo p,.besedilo ul{margin:0 0 14px} .besedilo h2{margin:30px 0 12px;font-size:26px}
@media (max-width:640px){
  body{font-size:16px}
  .uvod{padding-top:28px;padding-bottom:90px} .polja{grid-template-columns:1fr}
  .blok .vrh-bloka .znesek{text-align:left;font-size:34px}
  .blok{padding:22px} .pas>div{padding:26px} .opozorila{padding:26px}
  .stevilke .okvir div{border-right:0;border-bottom:1px solid #EEF1EE}
}