/* Light theme override (loads AFTER styles.css) */

body{
  background:#f3f4f6;
  color:#0b1220;
}

.muted{ color:#6b7280; }

.topbar{
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.brand{ color:#0b1220; }

.nav a{
  color:#0b1220;
  background: rgba(0,0,0,.03);
  border-color: rgba(0,0,0,.08);
}
.nav a:hover{ background: rgba(0,0,0,.06); }

.nav__admin{
  background: rgba(59,130,246,.14)!important;
  border-color: rgba(59,130,246,.25)!important;
}

h1, h2, h3{ color:#0b1220; }

.card{
  background:#ffffff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 35px rgba(0,0,0,.08);
}

.btn{
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.10);
  color:#0b1220;
}
.btn:hover{ background: rgba(0,0,0,.07); }

input, select, textarea{
  background:#ffffff;
  color:#0b1220;
  border-color: rgba(0,0,0,.14);
}
input::placeholder, textarea::placeholder{
  color: rgba(11,18,32,.45);
}
label{ color:#0b1220; }

.table{
  border-color: rgba(0,0,0,.10);
}
.table th{
  background: rgba(0,0,0,.04);
  color:#374151;
  border-color: rgba(0,0,0,.08);
}
.table td{
  color:#111827;
  border-top: 1px solid rgba(0,0,0,.08);
}
.table tr:nth-child(2n) td{
  background: rgba(0,0,0,.02);
}

.flash{
  border-color: rgba(0,0,0,.10);
}
.flash--ok{ background: rgba(16,185,129,.10); color:#065f46; }
.flash--err{ background: rgba(239,68,68,.10); color:#7f1d1d; }

/* Footer border fix for light */
main.container footer{
  border-top:1px solid rgba(0,0,0,.10)!important;
}

/* Boxscore banner legibility */
.boxbanner{
  border: 1px solid rgba(0,0,0,.10);
  background: #ffffff;
  box-shadow: 0 12px 35px rgba(0,0,0,.08);
}
.boxbanner__status{
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.04);
  color:#0b1220;
}

/* Force boxscore banner text dark (light theme) */
.boxbanner,
.boxbanner *{
	color:#111827 !important;
}

/* =========================================
   Light theme: fix faint labels/badges/status
   Add to very bottom of light-theme CSS
   ========================================= */

/* 1) Generic faint-text killers */
body .muted,
body .dim,
body .subtle,
body small,
body .small,
body .hint,
body .help,
body .note{
  color:#374151 !important;
  opacity:1 !important;
}

/* 2) Common "status" / "badge" / "pill" classes */
body .status,
body .badge,
body .pill,
body .tag,
body .label,
body .chip,
body .flag{
  color:#111827 !important;
  opacity:1 !important;
}

/* 3) Catch any class name that contains "status" */
body [class*="status"]{
  color:#111827 !important;
  opacity:1 !important;
}

/* 4) If your base theme uses rgba(255,255,255,0.xx) for these, kill it */
body .status,
body .badge,
body .pill,
body .tag,
body [class*="status"]{
  text-shadow:none !important;
  filter:none !important;
}

/* 5) If the status is inside a table cell and still faint */
body .table td .status,
body .table td [class*="status"],
body .table td .badge,
body .table td .pill{
  color:#111827 !important;
  opacity:1 !important;
}

.scorecard{
  border: 1px solid rgba(0,0,0,.10);
  background: #ffffff;
  box-shadow: 0 12px 35px rgba(0,0,0,.08);
}

.scorecard:hover{ background: rgba(0,0,0,.02); }

.scorestrip__badge{
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.04);
  color:#0b1220;
}

.scorestrip__badge--final{ background: rgba(16,185,129,.14); border-color: rgba(16,185,129,.30); color:#064e3b; }
.scorestrip__badge--live{ background: rgba(239,68,68,.14); border-color: rgba(239,68,68,.30); color:#7f1d1d; }
.scorestrip__badge--scheduled{ background: rgba(59,130,246,.14); border-color: rgba(59,130,246,.30); color:#1e3a8a; }

.scorecard__when{ color:#6b7280; }

.scorecard__name{ color:#0b1220; }

.scorecard__at{ color:#6b7280; }

.scorecard__score{ color:#0b1220; }

.scorecard__time{ color:#111827; }

.scorecard__logo{
  background: rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.12);
}

.scorestrip__rail::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.18);
}
.scorestrip__rail::-webkit-scrollbar-track{
  background: rgba(0,0,0,.06);
}

/* =========================================================
   LIGHT THEME VISIBILITY FIXES (KEEP THIS AT BOTTOM)
   - Fix washed out text in light theme (teams page + scorestrip)
   - Do NOT remove; future CSS changes should go ABOVE this block
   ========================================================= */

/* Base text */
body{
  color:#0b1220;
  background:#f3f4f6;
}

h1, h2, h3{ color:#0b1220; }

/* Muted text must still be readable on light */
.muted{ color:#374151 !important; }

/* Cards + tables: ensure text is dark */
.card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.table{
  border: 1px solid #e5e7eb;
}

.table th{
  color:#111827;
  background:#f3f4f6;
}

.table td{
  color:#111827;
  border-top: 1px solid #e5e7eb;
}

.table tr:nth-child(2n) td{
  background:#fafafa;
}

/* Badges readable in light */
.badge{
  color:#111827;
  background:#f3f4f6;
  border-color:#e5e7eb;
}
.badge--final{
  background: rgba(16,185,129,.16);
  border-color: rgba(16,185,129,.30);
}
.badge--live{
  background: rgba(239,68,68,.16);
  border-color: rgba(239,68,68,.30);
}
.badge--scheduled{
  background: rgba(59,130,246,.14);
  border-color: rgba(59,130,246,.28);
}

/* -----------------------------
   SCORESTRIP (homepage cards)
   Your scorestrip uses a <style> block inside home.php,
   so we must use !important to override it in light mode.
   ----------------------------- */
.scorestrip{
  background:#ffffff !important;
  border-color:#e5e7eb !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.08) !important;
}

.scorecard{
  background:#ffffff !important;
  border-color:#e5e7eb !important;
}

.scorecard__match,
.scorecard__team{
  color:#0b1220 !important;
}

.scorecard__meta{
  color:#374151 !important;
}

.scorecard__at{
  color:#111827 !important;
}

.scorepill{
  background:#f3f4f6 !important;
  border-color:#e5e7eb !important;
  color:#111827 !important;
}
.scorepill--live{
  background: rgba(239,68,68,.18) !important;
  border-color: rgba(239,68,68,.32) !important;
  color:#111827 !important;
}
.scorepill--final{
  background: rgba(16,185,129,.18) !important;
  border-color: rgba(16,185,129,.32) !important;
  color:#111827 !important;
}
.scorepill--sched{
  background: rgba(59,130,246,.16) !important;
  border-color: rgba(59,130,246,.30) !important;
  color:#111827 !important;
}

/* ---------------------------------------
   TEAMS PAGE: FORCE OVERRIDE INLINE WHITE
   (you showed: style="... color:#eef4ff; ...")
   Inline beats CSS unless we use !important.
   This is scoped to light theme only since this file
   only loads in light mode.
   --------------------------------------- */
div[style*="color:#eef4ff"]{
  color:#0b1220 !important;
}

/* Also safe: if any other components reuse that bright text */
.brand, .nav a{
  color:#0b1220;
}