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

/* Ticker Animation */
.ticker {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: ticker-scroll 20s linear infinite;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transform: translateZ(0); /* triggers GPU */
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

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

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