/* ============================================================
   MBV AUDIT - responzivnost
   Prelomne tačke: <768px mobilni, 768-1024px tablet, >1024px desktop
   ============================================================ */

/* ---------- Tablet: 768px – 1024px ---------- */
@media (max-width: 1024px) {
  .odeljak { padding-block: var(--razmak-lg); }

  .hero__mreza {
    grid-template-columns: 1fr;
    gap: var(--razmak-lg);
  }
  .hero__dosije { max-width: 560px; }

  .usluge__mreza { grid-template-columns: repeat(2, 1fr); }
  .usluga--siroka { grid-column: span 2; }

  .publika__lista { grid-template-columns: repeat(2, 1fr); }

  .poverenje__mreza { grid-template-columns: repeat(3, 1fr); }

  .svedocanstva__mreza { grid-template-columns: 1fr; max-width: 640px; }

  .o-mariji__mreza { grid-template-columns: 1fr; }
  .o-mariji__panel { max-width: 380px; }

  .kontakt__mreza { grid-template-columns: 1fr; }

  .podnozje__mreza { grid-template-columns: 1fr 1fr; }
}

/* ---------- Mobilni: <768px ---------- */
@media (max-width: 767px) {
  html { scroll-padding-top: 74px; }

  .odeljak { padding-block: 56px; }
  .odeljak__naslov { font-size: clamp(30px, 8vw, 38px); }

  /* Navigacija postaje hamburger */
  .hamburger { display: flex; margin-left: auto; }
  .zaglavlje__telefon { display: none; }

  .navigacija {
    position: fixed;
    inset: 0;
    top: 66px;
    margin: 0;
    background: var(--boja-primarna);
    transform: translateY(-110%);
    transition: transform var(--prelaz-spor);
    z-index: 95;
    visibility: hidden;
  }
  .navigacija--otvorena {
    transform: translateY(0);
    visibility: visible;
  }
  .navigacija__lista {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--razmak-md) 5%;
    gap: var(--razmak-md);
  }
  .navigacija__veza { font-size: 22px; font-family: var(--font-naslov); }
  .navigacija__veza--cta { font-family: var(--font-telo); font-size: 16px; }

  /* Hero */
  .hero { padding-block: var(--razmak-lg) 56px; }
  .hero__naslov { font-size: clamp(38px, 11vw, 52px); }
  .hero__podnaslov { font-size: 16.5px; }
  .hero__akcije .dugme { width: 100%; }

  .hero__dosije { padding-left: var(--razmak-sm); }
  .dosije__kartica { transform: none; }
  .dosije__kartica:hover { transform: translateY(-3px); }

  /* Mreže u jednu kolonu */
  .usluge__mreza,
  .publika__lista,
  .poverenje__mreza { grid-template-columns: 1fr; }
  .usluga--siroka { grid-column: span 1; grid-template-columns: 1fr; }
  .usluga--siroka h3, .usluga--siroka p { grid-column: 1; }

  .publika__stavka { font-size: 20px; padding: var(--razmak-sm) var(--razmak-md); }

  .korak { grid-template-columns: 52px 1fr; gap: var(--razmak-sm); }
  .korak__broj { font-size: 40px; }

  .kontakt__lista li { grid-template-columns: 1fr; gap: 2px; }

  .forma { padding: var(--razmak-md) var(--razmak-sm); }

  .podnozje__mreza { grid-template-columns: 1fr; gap: var(--razmak-md); }

  /* Sticky CTA traka */
  .mobilni-cta { display: flex; }
  body { padding-bottom: 68px; }
  .podnozje { padding-bottom: var(--razmak-sm); }
}

/* ---------- Mobilna hero dosije animacija ---------- */
@media (max-width: 767px) {
  @keyframes dosije-ulaz {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

/* ---------- Široki ekrani: >1440px ---------- */
@media (min-width: 1441px) {
  .hero { background-size: auto, 96px 100%; }
}