/* Ticker Wrapper Styles */
.ticker-wrapper {
  width: 100%;
  background-color: #222; /* dark background */
  color: #fff;            /* white text */
  overflow: hidden;
  position: relative;
  z-index: 1000;
  padding: 8px 0;
  font-weight: bold;
  font-size: 1rem;
}

/* Ticker Animation */
.ticker {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: ticker-scroll 20s linear infinite;
}

@keyframes ticker-scroll {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}

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