/* ══════════════════════════════════════════════════════════════════════
   NBA Section Theme — "Hardwood"
   The NBA pages reuse the NHL page shell (nhl-theme.css: .ih-page, .ih-menu,
   .ih-card, chips, badges, score bars) and re-token it here, scoped to
   .ih-page.is-nba: the cyan "ice" accent becomes basketball orange and the
   rink markings become a half-court arc. Same pattern as the MLB lime and NFL
   violet sections — only the accent is fixed, surfaces stay theme-aware.
   ══════════════════════════════════════════════════════════════════════ */

.ih-page.is-nba {
  --ice:       #c2410c;
  --ice-2:     #9a3412;
  --ice-dim:   rgba(194,65,12,.10);
  --ice-line:  rgba(194,65,12,.35);
  --hw-out:    #dc2626;
  --hw-out-dim: rgba(220,38,38,.12);
  --hw-q:      #b45309;
  --hw-q-dim:  rgba(180,83,9,.13);
  --hw-up:     #15803d;
  --hw-up-dim: rgba(21,128,61,.12);
  --hw-nav:    #fdba74;
}
html[data-theme="dark"] .ih-page.is-nba,
html[data-theme="dim"] .ih-page.is-nba {
  --ice:       #fb923c;
  --ice-2:     #fdba74;
  --ice-dim:   rgba(251,146,60,.10);
  --ice-line:  rgba(251,146,60,.32);
  --hw-out:    #f87171;
  --hw-out-dim: rgba(248,113,113,.13);
  --hw-q:      #fbbf24;
  --hw-q-dim:  rgba(251,191,36,.12);
  --hw-up:     #4ade80;
  --hw-up-dim: rgba(74,222,128,.12);
}

/* Half-court: centre circle + a warm wash from the top, fixed behind content. */
.ih-page.is-nba::before {
  background:
    radial-gradient(circle at 50% 0, transparent 118px, var(--ice-dim) 119px, var(--ice-dim) 121px, transparent 122px),
    radial-gradient(70% 55% at 50% 0%, var(--ice-dim), transparent 70%);
}

/* Nav-bar accents are hard-coded cyan in the shell; swap them. */
.is-nba .ih-site button.active { background: rgba(251,146,60,.16); color: var(--hw-nav); }
.is-nba .ih-site button:focus-visible,
.is-nba .ih-select:focus-visible { outline-color: var(--hw-nav); }
.ih-brand-ball {
  width: 14px; height: 14px; border-radius: 50%; flex: none;
  background:
    linear-gradient(90deg, transparent 6px, #3b1d0a 6px, #3b1d0a 8px, transparent 8px),
    linear-gradient(0deg, transparent 6px, #3b1d0a 6px, #3b1d0a 8px, transparent 8px),
    #ea580c;
  box-shadow: 0 0 0 1px #7c2d12;
}

/* ── Shared NBA atoms ──────────────────────────────────────────────── */
.ih-badge.out  { background: var(--hw-out-dim); color: var(--hw-out); }
.ih-badge.q    { background: var(--hw-q-dim); color: var(--hw-q); }
.ih-badge.up   { background: var(--hw-up-dim); color: var(--hw-up); }
.is-nba .ih-pos { min-width: 26px; }

/* "Updated 4m ago" stamps under the hero. */
.hw-fresh { display: flex; gap: 14px; flex-wrap: wrap; font-family: var(--ih-mono); font-size: 11px; color: var(--text-3); margin-top: 10px; }
.hw-fresh b { color: var(--text-2); font-weight: 600; }