/* ticker-box.css
   Shared "Next to Go" ticker box — content styling (label, items, countdown,
   dots) used identically by races.html, meeting.html and race.html. One
   implementation, not three separately-maintained copies; only the outer
   placement (how wide the section is) differs per page, and that stays in
   each page's own <style> as a small override -- Andrew, 2026-07-12.
*/
.ticker{
  display:flex; align-items:center; gap:2.2rem;
  padding:.9rem 1.4rem;
  flex-wrap:nowrap; overflow:hidden;
}
.ticker-label{
  font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; font-weight:700;
  background:var(--navy); color:var(--gold-bright); padding:.4rem .8rem; border-radius:20px;
  flex-shrink:0;
}
#tickerItems{
  display:flex; align-items:center; gap:2.2rem;
  flex-wrap:nowrap; overflow:hidden;
  min-width:0; /* let flex children clip instead of forcing the row to grow */
  flex:1 1 auto;
}
.ticker-item{
  display:flex; align-items:center; gap:.5rem; font-size:.92rem; font-weight:600;
  text-decoration:none; color:inherit; cursor:pointer; border-radius:8px;
  padding:.15rem .25rem; transition:background .12s ease;
  flex-shrink:0; white-space:nowrap;
}
.ticker-item:hover{ background:rgba(11,26,43,.06); }
.ticker-item.current{ font-weight:700; }
.ticker-item .time{ opacity:.6; font-weight:400; }
.ticker-time-block{ display:flex; flex-direction:column; gap:0; line-height:1.15; }
.ticker-countdown{
  font-size:1.44rem; font-weight:700; opacity:.75; font-variant-numeric:tabular-nums;
}
.ticker-countdown.urgent{
  color:var(--red); opacity:1; animation:tickerPulse 1s ease-in-out infinite;
}
.ticker-countdown.jumped{ opacity:.5; font-style:italic; font-weight:600; }
@keyframes tickerPulse{ 0%,100%{ opacity:1; } 50%{ opacity:.55; } }
.dot{ width:13px; height:13px; border-radius:50%; flex-shrink:0; }
.dot.GREEN{ background:var(--green); box-shadow:0 0 8px rgba(72,220,100,.7); }
.dot.AMBER{ background:var(--amber); box-shadow:0 0 8px rgba(255,191,46,.6); }
.dot.RED{ background:var(--red); box-shadow:0 0 8px rgba(255,59,40,.6); }