/* rimal/static/css/style.css */

/* Fail-proof Infinite Scroll for Brands */
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  } /* Moves exactly half the total width */
}

.ticker-wrap {
  display: flex;
  width: max-content;
  animation: slide 100s linear infinite;
}

/* Pauses the animation when the user hovers over the logos */
.ticker-wrap:hover {
  animation-play-state: paused;
}

/* rimal/static/css/style.css */

/* Fail-proof Infinite Scroll for Brands */
@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.ticker-wrap {
  display: flex;
  width: max-content;
  animation: slide 100s linear infinite;
}

.ticker-wrap:hover {
  animation-play-state: paused;
}

/* RESPONSIVE OVERRIDES */

/* 1. Mobile (Phones & Watches) */
@media (max-width: 640px) {
  .ticker-wrap {
    animation: slide 70s linear infinite; /* Faster scroll on small screens */
  }
}

/* 2. Ultra-wide screens (Large desktops) */
@media (min-width: 1536px) {
  .ticker-wrap {
    animation: slide 70s linear infinite; /* Slower, smoother scroll on huge monitors */
  }
}

/* Ensure no horizontal overflow on mobile devices */
body {
  overflow-x: hidden;
}