/* Newsticker — infinite scrolling text banner.
   Uses the same seamless-loop pattern as the logo-slider:
   text is duplicated N times (--sets), animation scrolls exactly one set.
   HTML: .ticker > .ticker-track(--sets:N) > .ticker-set × N */

.ticker {
  /* Defaults — vom PHP per inline-style auf .ticker-track überschreibbar
     (--sets aus Iterations-Anzahl, --ticker-speed nach Geschmack). */
  --ticker-speed: 20s;
  --sets: 3;

  overflow: hidden;
  background: transparent;
  color: var(--color-text);
  font-size: var(--text-sm);
  font-weight: 500;
  white-space: nowrap;
  border-block: 0.0625rem solid var(--color-border);
}

.ticker-track {
  display: inline-flex;
  animation: ticker-scroll var(--ticker-speed) linear infinite;
}

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

.ticker-set {
  flex-shrink: 0;
  padding-block: var(--space-2);
  padding-inline: var(--space-8);
}

@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-100% / var(--sets))); }
}

/* Mobile: kleinere Schrift + reduziertes Inline-Padding, sonst dominiert
   der Ticker visuell den Header. */
@media (max-width: 44.999rem) {
  .ticker {
    font-size: var(--text-xs);
  }

  .ticker-set {
    padding-inline: var(--space-5);
  }
}