/* ═══════════════════════════════════════════════════════════════
   Biroplast Solutions — V2 dodatne odzivne prilagoditve
   (specifična pravila po komponentah so že ob komponenti;
   tu so splošne mobilne prilagoditve.)
   ═══════════════════════════════════════════════════════════════ */

@media (max-width:760px){
  :root{ --gutter:18px; }
  .section{ padding:var(--sp-5) 0; }
  .hero{ padding:var(--sp-5) 0 var(--sp-6); }
  .cta-band{ padding:var(--sp-5) var(--sp-3); border-radius:var(--r-lg); }
  .stat-row{ gap:var(--sp-3); }
  .stat-row b{ font-size:22px; }
  .glava-util .prostor{ display:none; }
}

/* mobilni meni (preprost polnozaslonski panel) */
.mobilni-meni{
  position:fixed; inset:0; z-index:150; background:var(--navy); color:#fff;
  padding:var(--sp-4); display:none; overflow-y:auto;
}
.mobilni-meni.odprt{ display:block; }
.mobilni-meni-glava{ display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--sp-4); }
.mobilni-meni ul{ list-style:none; margin:0 0 var(--sp-4); padding:0; display:flex; flex-direction:column; gap:4px; }
.mobilni-meni a{ display:block; padding:14px 4px; font-family:var(--fh); font-weight:600; font-size:17px; border-bottom:1px solid var(--line-on-navy); color:#fff; transition:color var(--dur-fast) var(--ease-premium), padding-left var(--dur-fast) var(--ease-premium); }
/* aktivna stran — elegantno, brez velikega background pilla (glej isto
   logiko na desktop `.glavni-meni > li > a[aria-current]` v components.css) */
.mobilni-meni a[aria-current]{ color:var(--lime); padding-left:12px; border-bottom-color:rgba(171,208,57,.35); }
.zapri-meni{ background:none; border:0; color:#fff; width:40px; height:40px; }

/* dropdown v glavnem meniju (trenutno "Programska oprema", prej "Storitve"
   — glej components.css za zgodovino) — mobilni accordion (10. 9. 2026,
   POENOSTAVITEV GLAVNE NAVIGACIJE; glej components.css za desktop
   plavajočo kartico in navigation.js za skupno JS logiko, isti `.ima-
   podmeni`/`.meni-prozilec`/`.podmeni`/`.podmeni-postavka` razredi,
   generični za kateri koli `podmeni` vnos). Tu popolnoma drugačna
   vizualna rešitev kot na desktopu: inline accordion (max-height prehod)
   namesto plavajoče kartice, ker mobilni panel že ima dovolj navpičnega
   prostora in absolutno pozicioniranje čez preostalo vsebino ne bi bilo
   niti smiselno niti udobno na dotik napravah. */
.mobilni-meni .ima-podmeni{ border-bottom:1px solid var(--line-on-navy); }
.mobilni-meni .meni-prozilec{
  width:100%; display:flex; align-items:center; justify-content:space-between;
  padding:14px 4px; font-family:var(--fh); font-weight:600; font-size:17px;
  color:#fff; background:none; border:0;
}
.mobilni-meni .meni-sevron{ width:16px; height:16px; flex-shrink:0; }
.mobilni-meni .podmeni{
  max-height:0; overflow:hidden; display:flex; flex-direction:column;
  transition:max-height var(--dur-med) var(--ease-premium);
}
.mobilni-meni .ima-podmeni.podmeni-odprt .podmeni{ max-height:220px; }
.mobilni-meni .podmeni-postavka{ padding:10px 4px 10px 16px; color:var(--muted-on-navy); }
.mobilni-meni .podmeni-naziv{ display:block; font-family:var(--fb); font-weight:600; font-size:15px; color:#fff; }
.mobilni-meni .podmeni-opis{ display:block; font-size:12.5px; color:var(--muted-on-navy); }
.mobilni-meni .podmeni-postavka[aria-current] .podmeni-naziv{ color:var(--lime); }
@media (prefers-reduced-motion:reduce){
  .mobilni-meni .podmeni{ transition:none; }
}

/* preprečimo vodoravno prekoračitev na ozkih zaslonih */
body{ overflow-x:clip; }