/* ============================================================
   MOBILNO KALJENJE (1. 11. 2026)
   NAMEN: prepreci horizontalni overflow in prevelike naslove na telefonu.
   ============================================================ */

html, body { max-width: 100%; overflow-x: hidden; }

img, svg, video, canvas, iframe {
  max-width: 100%;
  height: auto;
}

@media (max-width: 640px) {
  /* nic naj ne sili sirsi od ekrana */
  * { min-width: 0; }

  h1, .hero h1, .naslov-glava { font-size: clamp(26px, 7.4vw, 34px); line-height: 1.18; letter-spacing: 0; }
  h2 { font-size: clamp(20px, 5.4vw, 26px); line-height: 1.25; }
  h3 { font-size: clamp(17px, 4.4vw, 20px); }
  p, li { font-size: 15.5px; line-height: 1.65; }

  /* vrstice z gumbi se lomijo, ne silijo v sirino */
  .gumbi, .dejanja, .navigacija, .meni-vrstica, .hero-gumbi { display: flex; flex-wrap: wrap; gap: 10px; }
  .gumbi > *, .hero-gumbi > * { flex: 1 1 100%; }

  /* mreze v en stolpec */
  .mreza, .grid, .kartice { grid-template-columns: 1fr !important; }

  /* tabele se drsijo v svojem okvirju */
  table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* dolga uvodna besedila: manjsa in bolj zračna */
  .uvod, .opis, .lead { font-size: 15px; line-height: 1.7; }

  /* robovi: enotno, brez negativnih margin */
  section, .sekcija, .blok { padding-left: 16px; padding-right: 16px; }
  .container, .vsebina, .wrap { padding-left: 16px; padding-right: 16px; }

  /* fiksni elementi naj ne gredo cez rob */
  .botek, .astra-botek, .plavajoci, .fiksno-desno { right: 8px; left: auto; }
}

/* prekinitev dolgih besed in URL-jev */
body { overflow-wrap: anywhere; word-break: break-word; }

/* MENI POPRAVEK (1. 11. 2026) */
.meni-gumb, [data-meni-gumb] { position: relative; z-index: 100002; }
@media (max-width: 900px) {
  .navigacija.odprt, [data-meni].odprt {
    position: fixed !important; inset: 0 0 auto 0 !important; top: 0 !important;
    max-height: 78vh; overflow: auto; padding: 60px 18px 22px !important;
    background: var(--ozadje, #12151c); z-index: 100001;
  }
  body.meni-odprt { overflow: hidden; }
}