/* Live market ticker — drop-in styles.
   Only the --tk-* values below are site-specific; the rest is the tested
   original and should be left alone. */
:root{
  --tk-bg:#0A1710;        /* strip background — darker than the green topbar */
  --tk-text:#D6E2D6;      /* label and value text    */
  --tk-accent:#A8813C;    /* the coloured box, left — Pyrramid brass          */
  --tk-up:#5FB06A;        /* positive change         */
  --tk-down:#D9655C;      /* negative change         */
  --tk-speed:5s;         /* lower = faster scroll   */
  --tk-height:34px;
}

.ticker{
  background:var(--tk-bg);color:var(--tk-text);
  font-size:.82rem;height:var(--tk-height);
  display:flex;align-items:center;
  overflow:hidden;white-space:nowrap;
}
.ticker-label{
  flex:0 0 auto;background:var(--tk-accent);color:#fff;font-weight:600;
  padding:0 14px;height:100%;display:flex;align-items:center;
  position:relative;z-index:2;
}
.ticker-track{
  display:flex;min-width:0;
  animation:tk-scroll var(--tk-speed) linear infinite;
}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{
  padding:0 22px;display:inline-flex;gap:8px;
  border-right:1px solid rgba(255,255,255,.12);
}
.ticker-item b{color:#fff;font-weight:600}
.ticker .up{color:var(--tk-up)}
.ticker .dn{color:var(--tk-down)}
.ticker-time{
  flex:0 0 auto;margin-left:auto;padding:0 14px;
  color:#8C9A8C;font-size:.74rem;white-space:nowrap;
  background:var(--tk-bg);position:relative;z-index:2;
  box-shadow:-14px 0 14px var(--tk-bg);
}

/* The track holds two identical copies, so -50% is one full loop. */
@keyframes tk-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (max-width:900px){
  .ticker{height:30px;font-size:.74rem}
  .ticker-label{padding:0 10px}
  .ticker-time{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ticker-track{animation:none}
  .ticker{overflow-x:auto}
}