/* ===== RBB LED Marquee – v1.1.1 ===== */
.rb-led-marquee{
  --led-bg:#1a0000; --led-color:#ff2b2b; --led-glow:#ff6b6b; --dash:#ff2b2b; --speed:18s;
  position:relative; overflow:hidden; width:100%;
  background:var(--led-bg); color:var(--led-color);
  padding:8px 0; border:2px solid var(--dash);
  box-shadow:0 0 12px var(--led-glow), inset 0 0 10px rgba(255,43,43,.35);
  text-transform:uppercase; letter-spacing:1.5px; font-weight:800;
}

/* core animation */
.rb-led-track{
  display:flex; flex-wrap:nowrap; width:max-content;
  animation: rb-led-loop var(--speed) linear infinite;
  will-change: transform;
  text-shadow:0 0 6px var(--led-glow), 0 0 12px var(--led-glow);
}
.rb-led-unit{ display:flex; flex-wrap:nowrap; }
.rb-led-span{ display:inline-block; padding-right:2rem; }

/* pause on hover only */
.rb-led-pauses:hover .rb-led-track{ animation-play-state: paused !important; }

/* seamless loop */
@keyframes rb-led-loop{ 0%{transform:translateX(0%);} 100%{transform:translateX(-50%);} }

/* helper: ensure running + negative delay */
.rb-live .rb-led-track{ animation-delay:-8s !important; }

@media(max-width:1024px){ .rb-led-marquee{ padding:7px 0; } }
@media(max-width:767px){ .rb-led-marquee{ padding:6px 0; } .rb-led-span{ font-size:13px; letter-spacing:1px; } }