/* =========================
   SCROLLING TICKER
   ========================= */

#metal-ticker-wrap {
  width: 100%;
  background: #0b1220;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Moving container */
#metal-ticker {
  display: flex;
  gap: 40px;
  white-space: nowrap;
  padding: 15px 0;
  animation: ticker-scroll 25s linear infinite;
}

/* Pause on hover */
#metal-ticker-wrap:hover #metal-ticker {
  animation-play-state: paused;
}

/* Individual item */
.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.ticker-item:hover {
  transform: scale(1.05);
}

/* Name */
.ticker-name {
  opacity: 0.7;
}

/* Price */
.ticker-price {
  font-weight: bold;
}

/* Change */
.ticker-change {
  font-size: 13px;
}

/* Up / Down colors */
.up {
  color: #00C853;
}

.down {
  color: #D50000;
}

/* Scroll animation */
@keyframes ticker-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}