/* ============================================================
   Sticky jump traka (assets/js/jump-sticky.js)

   Hero jump-dugmad se kopiraju u fiksnu traku na vrhu ekrana koja
   sklizne u vidno polje tek kada originalna dugmad odu iznad prozora,
   pa skokovi kroz stranicu ostaju nadohvat i posle skrola.
   Uključuje se iz base.twig za sve /sudski-tumac/ strane.
   ============================================================ */

.jump-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /* ispod main-menu-overlay (1000) da otvoreni meni prekrije traku */
  z-index: 990;
  background-color: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--grey-light);
  box-shadow: 0 6px 18px rgba(13, 14, 18, 0.08);
  transform: translateY(-100%);
  /* visibility drži klonirana dugmad van tab-reda dok je traka skrivena */
  visibility: hidden;
  transition:
    transform 0.25s ease,
    visibility 0.25s ease;
}

@supports (backdrop-filter: blur(10px)) {
  .jump-sticky {
    backdrop-filter: blur(10px);
  }
}

.jump-sticky.is-visible {
  transform: none;
  visibility: visible;
}

.jump-sticky-inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  /* uska traka na mobilnom: dugmad se skroluju vodoravno umesto da se lome */
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.jump-sticky-inner::-webkit-scrollbar {
  display: none;
}

.jump-sticky-inner > .d-inline-block {
  flex: 0 0 auto;
}

/* Kompaktnija verzija istih pilula nego u hero sekciji */
.jump-sticky .button-move {
  padding: 6px 32px 6px 14px;
  font-size: 0.875rem;
}

.jump-sticky .button-move-icon {
  right: 11px;
}

@media (hover: hover) {
  .jump-sticky .button-move:hover .button-move-icon {
    right: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jump-sticky {
    transition: none;
  }
}