/* ============================================================
   KontOS — promotivna traka na vrhu stranice (poruke se izmjenjuju)
   ============================================================ */
.promo-traka { background: var(--navy, #0B2545); color: #fff; font-size: .93rem; line-height: 1.3; position: relative; z-index: 101; }
.promo-traka[hidden] { display: none; }
.promo-traka-inner { max-width: 1480px; margin-inline: auto; min-height: 42px; padding: 6px 48px 6px var(--gutter, 20px); display: flex; align-items: center; justify-content: center; gap: 12px; }
.promo-traka-oznaka { flex-shrink: 0; color: #fff; background: rgba(111,175,62,.3); font-weight: 700; font-size: .7rem; letter-spacing: .13em; padding: 3px 9px; border: 1px solid rgba(111,175,62,.75); border-radius: 999px; }
.promo-traka-poruke { display: grid; min-width: 0; }
.promo-traka-poruka { grid-area: 1 / 1; color: #fff; font-weight: 600; text-decoration: none; text-align: center; opacity: 0; transform: translateY(10px); visibility: hidden; transition: opacity .45s ease, transform .45s ease, visibility 0s linear .45s; }
.promo-traka-poruka strong { color: #B8E08F; font-weight: 800; }
.promo-traka-poruka.aktivna { opacity: 1; transform: none; visibility: visible; transition: opacity .45s ease, transform .45s ease, visibility 0s; }
.promo-traka-poruka:hover, .promo-traka-poruka:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.promo-traka-zatvori { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; color: #fff; font-size: 1.4rem; line-height: 1; cursor: pointer; opacity: .8; }
.promo-traka-zatvori:hover, .promo-traka-zatvori:focus-visible { opacity: 1; background: rgba(255,255,255,.12); }
@media (max-width: 480px) {
  .promo-traka { font-size: .86rem; }
  .promo-traka-oznaka { display: none; }
  .promo-traka-inner { padding-left: 14px; padding-right: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .promo-traka-poruka, .promo-traka-poruka.aktivna { transition: none; transform: none; }
}
/* Mobilni izbornik se otvara ispod zaglavlja — pomakni ga dok je traka vidljiva */
@media (max-width: 1500px) {
  .main-nav { top: calc(124px + var(--promo-vidljivo, 0px)); max-height: calc(100dvh - 124px - var(--promo-vidljivo, 0px)); }
}