/*
 * Kora OnLive — legacy-fixes.css
 * Day-mode (and contrast) fixes for pages that still use the ORIGINAL theme's markup/classes and were
 * not rebuilt (news hero, match view). Found with a headless-Chromium contrast audit, not by reading CSS.
 * Loaded site-wide LAST. Selectors start with html:root so they out-rank the theme's global heading
 * rule  html[data-theme=light] h1..h4 { color:#0a1b2f !important }  (specificity 0,1,2) -- an !important
 * declaration only wins that fight if its selector is MORE specific, not merely later.
 */
/* /news/ and /team/ heroes: dark teal band, but day mode painted the h1 dark navy (contrast 1.9:1) */
html:root .ko-news-hero h1,
html:root .ko-team-hero h1{ color:#fff !important; }

/* match view "SHARE MATCH" kicker: fixed #35a1ff on a light panel was 2.1:1 */
html:root:not([data-theme="dark"]) .share-panel-head span{ color:#1565c0; }

/* small kicker above the SEO copy block: #35a1ff on near-white was 2.6:1 */
html:root:not([data-theme="dark"]) .seo-copy-head span{ color:#1565c0; }

/* active day tab (/matches/ and others): the sub-label was pale blue on a mid-blue tab (2.8:1) */
html:root .day-tabs button.active small,
html:root .day-tabs button.active .day-tab-content small{ color:#fff !important; opacity:1 !important; }

/* contact form messages use the light-mode red/green in dark mode too (2.5:1 on the dark card) */
html:root[data-theme="dark"] .contact-form .form-error{ color:#ff9d94 !important; }
html:root[data-theme="dark"] .contact-form .form-success{ color:#62e8a5 !important; }

/* muted helper text in the original standings widgets / league tabs / inactive day tabs: 3.5-4.3:1 on light cards */
html:root:not([data-theme="dark"]) .home-standings-current span,
html:root:not([data-theme="dark"]) .standings-league-tab small,
html:root:not([data-theme="dark"]) .day-tabs button:not(.active) .day-tab-content small{ color:#52677d !important; }

/* active filter pills (original markup): white on mid-blue was 3.5-3.8:1 */
html:root .filter.active,
html:root .ko-team-filter-list button.is-active{ background:linear-gradient(135deg,#1565c0,#1976d2) !important; color:#fff !important; }
/* small kicker above the directory-card titles */
html:root:not([data-theme="dark"]) .home-directory-card > div > span{ color:#52677d; }

/* Touch targets (phones): breadcrumbs and "read more" style links of the original pages were 14-21px tall */
@media(max-width:820px){
  html:root .ko-news-breadcrumbs a, html:root .ko-team-breadcrumbs a, html:root .match-seo-breadcrumbs a,
  html:root .ko-news-read, html:root .ko-team-group-head a{ display:inline-flex; align-items:center; padding:11px 8px; margin:-11px -8px; }
}