/* =====================================================================
   SHIM-ME Hub — Ticker shortcode CSS
   Scoped to #shim-ticker (the WPBakery row's el_id).
   Enqueued by the plugin only on pages that render [shim_ticker].
   ===================================================================== */

#shim-ticker {
  background: #050505;
  border-top: 1px solid var(--shim-line);
  border-bottom: 1px solid var(--shim-line);
  overflow: hidden;
  color: var(--shim-text);
}

#shim-ticker .shim-ticker__track {
  display: flex;
  gap: 36px;
  padding: 16px 0;
  white-space: nowrap;
  font-family: var(--shim-mono);
  font-size: 12px;
  letter-spacing: 0.32em;
  color: var(--shim-text-mute);
  animation: shim-ticker-tick var(--shim-ticker-speed, 38s) linear infinite;
  will-change: transform;
}

/* alternating emphasis on every other span (matches the design) */
#shim-ticker .shim-ticker__track span:nth-child(odd) {
  color: var(--shim-text);
}
#shim-ticker .shim-ticker__track span {
  padding-left: 36px;
}

#shim-ticker.shim-ticker--paused .shim-ticker__track {
  animation-play-state: paused;
}

@keyframes shim-ticker-tick {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* reduced-motion users get a static ticker */
@media (prefers-reduced-motion: reduce) {
  #shim-ticker .shim-ticker__track {
    animation: none;
  }
}