/* ═══════════════════════════════════════
   RACE RESULTS — DARK THEME OVERRIDES
   Covers: /events/{slug}/results
   Loads AFTER race-results.css
   ═══════════════════════════════════════ */

/* ─── PAGE BASE ─── */
.results-page {
  background: var(--t-bg-abyss) !important;
  color: var(--t-text-primary) !important;
}

/* ─── TITLES & HEADINGS ─── */
.results-page-title,
.class-card-title,
.champion-name,
.bracket-name {
  color: var(--t-text-hero) !important;
  font-family: var(--t-font-headline);
}

.results-page-subtitle,
.results-meta {
  color: var(--t-text-muted) !important;
}

/* ─── BREADCRUMBS ─── */
.results-page .breadcrumb a,
.results-page .breadcrumbs a {
  color: var(--t-text-secondary) !important;
}

/* ─── CLASS CARDS ─── */
.results-class-card {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.results-class-card:hover {
  border-color: var(--t-border-mid) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

/* ─── CHAMPION CARD ─── */
.results-champion-card {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
}

.champion-row {
  background: rgba(245, 158, 11, 0.08) !important;
  border-color: rgba(245, 158, 11, 0.2) !important;
}

.champion-name {
  color: var(--t-amber) !important;
}

/* ─── TABS / PILLS ─── */
.results-tab,
.class-pill {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-secondary) !important;
  border: 1px solid var(--t-border-mid) !important;
  border-radius: 0 !important;
}

.results-tab:hover,
.class-pill:hover {
  color: var(--t-text-hero) !important;
  border-color: var(--t-text-muted) !important;
}

.results-tab.active,
.class-pill.active {
  background: var(--t-accent) !important;
  color: var(--t-bg-abyss) !important;
  border-color: var(--t-accent) !important;
}

/* ─── RESULTS TABLE ─── */
.results-table {
  color: var(--t-text-primary) !important;
}

.results-table thead th {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-hero) !important;
  border-color: var(--t-border) !important;
  font-family: var(--t-font-condensed);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
}

.results-table tbody td {
  border-color: var(--t-border) !important;
  color: var(--t-text-primary) !important;
}

.results-table tbody tr:hover {
  background: var(--t-bg-card-hover) !important;
}

.results-table tbody tr:nth-child(even) {
  background: var(--t-bg-card) !important;
}

/* Driver/team names in table */
.results-table .driver-name,
.results-table .team-name {
  color: var(--t-text-hero) !important;
}

/* Stats/meta text */
.results-table .stats-text,
.results-table .time-text {
  color: var(--t-text-secondary) !important;
}

/* ─── BADGES ─── */
.badge-win {
  background: rgba(102, 187, 106, 0.15) !important;
  color: var(--t-green) !important;
  border-radius: 0 !important;
}

.badge-foul {
  background: rgba(239, 68, 68, 0.15) !important;
  color: var(--t-accent-bright) !important;
  border-radius: 0 !important;
}

.badge-note {
  background: var(--t-bg-surface) !important;
  color: var(--t-text-muted) !important;
  border-radius: 0 !important;
}

.badge-bye {
  background: rgba(59, 130, 246, 0.15) !important;
  color: var(--t-blue) !important;
  border-radius: 0 !important;
}

/* ─── BRACKET / MATCHUP CARDS ─── */
.matchup-card,
.bracket-matchup {
  background: var(--t-bg-card) !important;
  border: 1px solid var(--t-border) !important;
  border-radius: 0 !important;
}

.matchup-winner,
.bracket-winner {
  background: rgba(102, 187, 106, 0.08) !important;
  border-color: rgba(102, 187, 106, 0.2) !important;
}

.matchup-loser,
.bracket-loser {
  background: var(--t-bg-deep) !important;
  border-color: var(--t-border) !important;
  opacity: 0.7;
}

.matchup-foul {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.2) !important;
}

.bracket-bye-slot {
  background: var(--t-bg-surface) !important;
  border: 1px dashed var(--t-border-mid) !important;
  color: var(--t-text-dim) !important;
}

/* ─── SECTIONS / DIVIDERS ─── */
.results-section {
  border-color: var(--t-border) !important;
}

.results-divider {
  border-color: var(--t-border) !important;
}

/* ─── GOLD/WINNER HIGHLIGHTS ─── */
/* Preserve gold accent for champions but darken the background */
tr[style*="background-color: #fff9e6"],
tr[style*="background-color: #fffbf0"],
tr[style*="background: #fff3cd"] {
  background: rgba(245, 158, 11, 0.08) !important;
}

tr[style*="background-color: #d4edda"],
tr[style*="background: #d4edda"] {
  background: rgba(102, 187, 106, 0.08) !important;
}

tr[style*="background-color: #f8d7da"],
tr[style*="background: #f8d7da"] {
  background: rgba(239, 68, 68, 0.08) !important;
}