/* Basis-Styling fürs Modul */
.mod-sponsor-marquee {
  --gap: 24px;
  --duration: 60s; /* wird dynamisch per Inline-Style gesetzt */
  position: relative;
  overflow: hidden;
  width: 100%;
  display: block;
}

.mod-sponsor-marquee__track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  /* Wir lassen die gesamte Spur über die Breite laufen */
  animation: sponsor-marquee var(--duration) linear infinite;
}

.mod-sponsor-marquee--pause:hover .mod-sponsor-marquee__track {
  animation-play-state: paused;
}

.mod-sponsor-marquee__row {
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  padding-right: var(--gap);
}

.mod-sponsor-marquee__item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mod-sponsor-marquee__item img {
  height: auto;
  display: block;
  /* max-height wird inline gesetzt */
}

.mod-sponsor-marquee__empty {
  font-style: italic;
  opacity: 0.7;
}

/* Keyframes: Wir verschieben die gesamte Track-Leiste nach links */
@keyframes sponsor-marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/*
Erläuterung:
- Wir duplizieren die Zeile(n) im PHP, sodass Track zumindest zwei volle Reihen enthält.
- Mit translateX(-50%) erreichen wir, dass nach der ersten Hälfte nahtlos die Kopie folgt.
- Das Modul läuft dann "endlos" ohne Ruckler.
*/