/* =============================================================
   Sliding title marquee — Melino  (v3)
   Bezošvý nekonečný posun titulkov ".sliding-title-element".
   - Pohyb rieši CSS animácia translateX(0 → -50%) → GPU.
   - Trať obsahuje párny počet identických kópií, takže bod -50%
     je pixel-presne zhodný so začiatkom → reset je neviditeľný.
   - Medzeru medzi kópiami nesie margin na položkách (nie flex gap),
     aby -50% sedelo presne.
   ============================================================= */

/* klip: stĺpec orezáva to, čo odíde za okraj */
.sliding-title .fusion-layout-column {
  overflow: hidden;
}

/* čistá trať (vytvára ju JS) */
.sliding-title .zz-marquee-track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  align-items: center;
  gap: 0 !important;          /* vypneme Avada column-gap... */
  column-gap: 0 !important;   /* ...medzeru rieši margin na položkách */
  will-change: transform;
  animation: zz-sliding-title-scroll var(--zz-duration, 30s) linear infinite;
}

.sliding-title .zz-marquee-track > .sliding-title-element {
  flex: 0 0 auto;
  max-width: none !important;
}

@keyframes zz-sliding-title-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* smer doprava (default doľava) */
.sliding-title[data-zz-direction="right"] .zz-marquee-track {
  animation-direction: reverse;
}

/* pauza pri hoveri — voliteľné, kľudne zmaž */
.sliding-title .zz-marquee-track:hover {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .sliding-title .zz-marquee-track {
    animation: none;
    transform: none;
  }
}

@media only screen and (max-width: 640px) {

  .sliding-title .zz-marquee-track {
    gap: 50px !important;
  }

}