/* assets/css/partner-logos.css
   Partnerlaufband per CSS (stabil)
*/

.partners {
  margin-top: 18px;
}

.partners-title {
  margin: 0 0 10px;
}

.partners-viewport {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.03);
  border-radius: var(--radius);
  padding: 12px 0;
}

.partners-track {
  display: flex;
  align-items: center;
  gap: 22px;
  will-change: transform;
  transform: translate3d(0,0,0);
}

.partner-item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
}

.partner-item img {
  height: 26px;
  width: auto;
  opacity: .9;
  filter: grayscale(1);
}

/* Animation erst aktivieren, wenn JS fertig gerendert hat */
.partners-viewport.is-ready .partners-track {
  animation: partners-marquee 35s linear infinite;
}

/* Pause bei Hover */
.partners-viewport:hover .partners-track {
  animation-play-state: paused;
}

/* Barrierefreiheit: weniger Bewegung */
@media (prefers-reduced-motion: reduce) {
  .partners-viewport.is-ready .partners-track {
    animation: none;
  }
}

/* Endlos-Laufband */
@keyframes partners-marquee {
  from { transform: translate3d(0,0,0); }
  to   { transform: translate3d(-50%,0,0); }
}