/*
   Talkiva - css\components\marquee.css
   Language marquee strip
   Extracted verbatim from the original style.css. No rules altered.
*/

/* ---------- 7. Marquee ---------- */
.marquee {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 24px 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
  position: relative;
}
.marquee-track {
  display: flex;
  gap: 56px;
  width: max-content;
  animation: marquee 30s linear infinite;
}
.marquee:hover .marquee-track { animation-play-state: paused; }
.marquee-item {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
  white-space: nowrap;
}
.marquee-item i { color: var(--primary); font-size: 0.8rem; }