/*
  REVALYTICS — WIRE BAR (Rev·Wire ticker)
  Fixed top bar with live scrolling revenue events.
  The .wire-dot and .live-dot green pulse animation lives here.
*/

/* ─── Bar container ──────────────────────────────────── */
.wire-bar {
  background: var(--rev-navy-900);
  color: #fff;
  overflow: hidden;
  height: 40px;
  display: flex;
  align-items: center;
  width: 100%;
}

/* ─── LIVE badge ─────────────────────────────────────── */
.wire-badge {
  flex-shrink: 0;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  background: var(--rev-blue);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* ─── Green live dot + keyframe (shared: wirebar + hero) */
.wire-dot,
.live-dot {
  border-radius: 50%;
  background: var(--rev-pos);
  flex-shrink: 0;
}

.wire-dot {
  width: 7px;
  height: 7px;
  animation: wire-pulse 1.4s infinite;
}

.live-dot {
  animation: live-glow 1.4s infinite;
}

@keyframes wire-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(92, 151, 103, 0.6); }
  70%       { box-shadow: 0 0 0 5px rgba(92, 151, 103, 0); }
}

@keyframes live-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(92, 151, 103, 0.6); }
  70%       { box-shadow: 0 0 0 6px rgba(92, 151, 103, 0); }
}

/* ─── Scrolling track ────────────────────────────────── */
.wire-track-wrap {
  overflow: hidden;
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  mask-image: linear-gradient(90deg, transparent 0%, #000 40px, #000 calc(100% - 40px), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 40px, #000 calc(100% - 40px), transparent 100%);
}

.wire-track {
  display: inline-flex;
  width: max-content;
  animation: wire-scroll 60s linear infinite;
  font-family: var(--rev-font-mono);
  font-size: 11px;
  font-weight: 400;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.5);
}

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

@keyframes wire-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ─── Event items ─────────────────────────────────────── */
.wire-track .ev  { margin: 0 28px; }
.wire-track .pos { color: var(--rev-pos); }
.wire-track .warn{ color: var(--rev-warn); }
.wire-track .neg { color: var(--rev-neg); }
.wire-track .sep { color: rgba(255, 255, 255, 0.15); margin: 0 4px; }