/* ═══════════════ SwiftScore · Public — digital match strip + coloured title bands ═══════════════ */

/* ── 1) Top match strip: dark digital cards ── */
.pub-light .mc-strip .mc-card{
  position:relative;overflow:hidden;
  background:linear-gradient(160deg,#0d2433 0%,#081723 55%,#06121a 100%)!important;
  border:1px solid #1d4155!important;color:#d6ecf5;
  box-shadow:0 6px 18px rgba(6,18,26,.25),inset 0 1px 0 rgba(103,232,249,.08)!important}
.pub-light .mc-strip .mc-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#22d3ee,transparent);opacity:.9}
.pub-light .mc-strip .mc-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(34,211,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.05) 1px,transparent 1px);
  background-size:18px 18px}
.pub-light .mc-strip .mc-card > *{position:relative;z-index:1}
.pub-light .mc-strip .mc-card:hover{border-color:#22d3ee!important;box-shadow:0 10px 26px rgba(8,145,178,.35),0 0 0 1px rgba(34,211,238,.35)!important;transform:translateY(-2px)}
.pub-light .mc-strip .mc-card.live{border-color:rgba(248,113,113,.55)!important;box-shadow:0 6px 18px rgba(6,18,26,.25),0 0 18px rgba(248,113,113,.22)!important}
.pub-light .mc-strip .mc-card.live::before{background:linear-gradient(90deg,transparent,#f87171,transparent)}
.pub-light .mc-strip .mc-card.current{box-shadow:0 0 0 2px #22d3ee,0 10px 26px rgba(8,145,178,.35)!important}

.pub-light .mc-strip .mc-stage{color:#7fa6b8!important;font-family:var(--ff-mono);letter-spacing:.04em}
.pub-light .mc-strip .mc-status{font-family:var(--ff-head);letter-spacing:.12em}
.pub-light .mc-strip .mc-status.live{color:#f87171!important;text-shadow:0 0 10px rgba(248,113,113,.7)}
.pub-light .mc-strip .mc-status.result{color:#34d399!important;text-shadow:0 0 8px rgba(52,211,153,.45)}
.pub-light .mc-strip .mc-status.upcoming{color:#fbbf24!important;text-shadow:0 0 8px rgba(251,191,36,.45)}
.pub-light .mc-strip .mc-name{color:#ffffff!important;font-weight:600}
.pub-light .mc-strip .mc-score{color:#ffffff!important;font-family:var(--ff-head);font-weight:800;text-shadow:0 0 10px rgba(34,211,238,.45)}
.pub-light .mc-strip .mc-score small{color:#7fa6b8!important;text-shadow:none;font-family:var(--ff-mono)}
.pub-light .mc-strip .mc-team.dim .mc-name,.pub-light .mc-strip .mc-team.dim .mc-score{color:#5b7f91!important;text-shadow:none}
.pub-light .mc-strip .mc-note{color:#67e8f9!important;font-family:var(--ff-mono)}
.pub-light .mc-strip .mc-note.live{color:#fca5a5!important}
.pub-light .mc-strip .mc-note.upcoming{color:#fcd34d!important}
.pub-light .mc-strip .mc-note.abandoned{color:#94a3b8!important}
.pub-light .mc-strip .mc-foot{border-top:1px solid #173446!important;color:#9cc3d5!important}
.pub-light .mc-strip .mc-foot a{color:#67e8f9!important}
.pub-light .mc-strip .tm-badge{box-shadow:0 0 10px color-mix(in srgb,var(--tc) 55%,transparent)}

/* ── 2) Coloured tab bands for section titles ── */
.pub-light .pub-sec-title[data-band]{
  --band:#0891b2;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 16px;margin-top:22px;margin-bottom:12px;border-radius:12px;
  background:linear-gradient(90deg,var(--band) 0%,color-mix(in srgb,var(--band) 72%,#000) 100%)!important;
  color:#fff!important;font-family:var(--ff-head);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  box-shadow:0 6px 16px color-mix(in srgb,var(--band) 30%,transparent),inset 0 1px 0 rgba(255,255,255,.18)}
.pub-light .pub-sec-title[data-band]::before{display:none!important}
.pub-light .pub-sec-title[data-band] .count{
  margin-left:auto;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.2);color:#fff!important;
  font-family:var(--ff-mono);font-size:.68rem;font-weight:400;letter-spacing:.02em;text-transform:none}
.pub-light .pub-sec-title[data-band] a{color:#fff!important;text-decoration:underline}

.pub-light .ss-card-head[data-band]{
  --band:#0891b2;
  background:linear-gradient(90deg,var(--band) 0%,color-mix(in srgb,var(--band) 72%,#000) 100%)!important;
  color:#fff!important;border-bottom:none!important;
  border-top-left-radius:inherit;border-top-right-radius:inherit;
  font-family:var(--ff-head);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:800}
.pub-light .ss-card-head[data-band] i,.pub-light .ss-card-head[data-band] a{color:#fff!important}