/* Summer League dedicated stylesheet - overrides orange UI with teal/green theme */
:root{
  --sl-bg: #0f766e; /* teal-700 */
  --sl-bg-dark: #0b5f59; /* darker teal */
  --sl-accent: #0ea5a8; /* cyan-600 */
  --sl-accent-2: #22c55e; /* green-500 (live) */
  --sl-muted: #f3f4f6; /* gray-100 */
  --sl-text: #111827; /* gray-900 */
  --sl-white: #ffffff;
  /* Remap site primary palette to Summer League theme for pages that include this CSS */
  --primary: var(--sl-bg);
  --primary-dark: var(--sl-bg-dark);
}

/* Hero bar */
.hero.hero-league{ background: var(--sl-bg) !important; color: var(--sl-white) !important; }
.hero.hero-league .section-title, .hero.hero-league .hero-description{ color: var(--sl-white) !important; }

/* Summer nav (pills) */
.summer-nav .nav-pills .nav-link{ background: rgba(255,255,255,0.18) !important; color: var(--sl-white) !important; }
.summer-nav .nav-pills .nav-link.active{ background: rgba(255,255,255,0.33) !important; color: var(--sl-white) !important; font-weight:700 !important; }

/* Venue / round headers (revert to neutral grey) */
.venue-card .venue-header, .past-venue-card .venue-header{ background: #eeeeee !important; color: #111827 !important; border-color: #e5e7eb !important; }

/* Team links and icons */
.venue-fixtures .fixture-item .fixture-teams a{ color: var(--sl-bg) !important; }
.venue-fixtures .fixture-item .fixture-teams a:hover{ color: var(--sl-bg) !important; opacity: .85 !important; }
.digital-scorecard-icon{ color: var(--sl-bg) !important; }

/* Score badges */
.fixture-score{ background: var(--sl-bg) !important; color: var(--sl-white) !important; padding: 0px 5px !important; font-weight:700 !important; }
/* Live/incomplete uses brighter green */
.fixture-score-live{ background: var(--sl-accent-2) !important; color: var(--sl-white) !important; }

/* LIVE toggle chip */
.live-chip.on{ background: var(--sl-accent-2) !important; color: var(--sl-white) !important; }
.live-chip.off{ background: #e5e7eb !important; color: #374151 !important; }
.live-chip .dot{ background: var(--sl-white) !important; }

/* Date card header (day header) */
.date-card .date-header{ background: var(--sl-bg) !important; color: var(--sl-white) !important; }

/* Buttons within capture icon etc. */
.btn-summer{ background: var(--sl-accent) !important; color: var(--sl-white) !important; border-color: var(--sl-accent) !important; }
.btn-summer:hover{ background: var(--sl-bg) !important; border-color: var(--sl-bg) !important; }

/* Badges, small labels */
.badge.bg-warning, .badge-warning{ background: var(--sl-accent-2) !important; color: var(--sl-white) !important; }
.badge.bg-success{ background: var(--sl-accent) !important; color: var(--sl-white) !important; }

/* Links in BYE lines */
.venue-fixtures .bye, .venue-fixtures .bye a{ color:#6b7280 !important; }

/* Tables page: headers, links, and top-12 pastel backgrounds */
.division-table thead th{ background: var(--sl-bg) !important; color: var(--sl-white) !important; }
.division-table caption{ background: var(--sl-bg) !important; color: var(--sl-white) !important; }
.division-table tbody tr td a{ color: var(--sl-bg) !important; }
.division-table tbody tr td a:hover{ color: var(--sl-bg) !important; opacity: .85; }
/* Top 4: pastel green (1st semi qualifiers) */
.division-table tbody tr:nth-child(-n+4) td{ background: #d1f4e0 !important; }
/* Next 4 (5-8): pastel blue (2nd semi qualifiers) */
.division-table tbody tr:nth-child(n+5):nth-child(-n+8) td{ background: #cfe2ff !important; }
/* Next 4 (9-12): pastel orange */
.division-table tbody tr:nth-child(n+9):nth-child(-n+12) td{ background: #ffe5cc !important; }

/* Bottom 3 rows: pastel yellow */
.division-table tbody tr:nth-last-child(-n+3) td{ background: #fff7cc !important; }

/* Teams page: player names use SL color */
.team-card .player-name, .team-card .player-list a{ color: var(--sl-bg) !important; }
.team-card .player-list a:hover{ color: var(--sl-bg) !important; opacity: .85; }

/* Documents page: titles, buttons, active item */
.document-sidebar .document-item.active{ background: var(--sl-bg) !important; color: var(--sl-white) !important; }
.document-header h2{ color: var(--sl-bg) !important; }
.btn-primary{ background: var(--sl-bg) !important; border-color: var(--sl-bg) !important; color: var(--sl-white) !important; }
.btn-primary:hover{ background: var(--sl-bg-dark) !important; border-color: var(--sl-bg-dark) !important; }

/* Player rankings: fix sticky headers */
.rankings-table-container .table thead th:first-child,
.rankings-table-container .table thead th:nth-child(2){ background: var(--sl-bg) !important; color: var(--sl-white) !important; z-index: 15 !important; }