/* File: assets/vesna-marquee.css */

.vesna-marquee {
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 12px 14px;
  box-sizing: border-box;
}

.vesna-marquee__inner {
  display: flex;
  width: 100%;
  gap: var(--vesna-marquee-gap, 28px);
}

.vesna-marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--vesna-marquee-gap, 28px);
  animation: vesna-marquee-scroll var(--vesna-marquee-duration, 30s) linear infinite;
  animation-direction: var(--vesna-marquee-direction, normal);
  will-change: transform;
}

.vesna-marquee.is-pausable:hover .vesna-marquee__group {
  animation-play-state: paused;
}

@keyframes vesna-marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

.vesna-marquee__item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.vesna-marquee__item-text {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
}

.vesna-marquee__img {
  display: block;
  width: auto;
  height: 40px; /* overridden via Elementor control */
  object-fit: contain;
}