/* ball24live fixes v1.2: crest visibility + home fixtures day tabs + layer (see ball24-fixes.js, WORKLOG.md) */

/* 1) White crests (e.g. Juventus) visible on white rows: thin dark outline in light mode, light outline in dark mode */
:root:not([data-theme="dark"]) .f-t-logo,
:root:not([data-theme="dark"]) .fixture-team-logo,
:root:not([data-theme="dark"]) .lmc-crest,
:root:not([data-theme="dark"]) .r-t-logo {
  filter: drop-shadow(0 0 0.5px rgba(15, 23, 42, 0.85)) drop-shadow(0 0 0.5px rgba(15, 23, 42, 0.6)) !important;
}
[data-theme="dark"] .f-t-logo,
[data-theme="dark"] .fixture-team-logo,
[data-theme="dark"] .lmc-crest {
  filter: drop-shadow(0 0 0.5px rgba(255, 255, 255, 0.55)) !important;
}

/* 2) Home fixtures card: วันนี้ / พรุ่งนี้ switching with stable height */
#view-home .home-grid-card .card-list-body { position: relative !important; }
#view-home .card-list-body[data-active-day="tomorrow"] .fixtures-list-equal[data-day-panel="today"] { visibility: hidden !important; }
#view-home .fixtures-empty-state {
  position: absolute !important; inset: 0 !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
  gap: 8px !important; text-align: center !important; padding: 16px !important;
  border: 1px dashed var(--ht-border, #dbe3ef) !important; border-radius: 12px !important;
  background: var(--ht-soft, #f3f6fb) !important; color: var(--ht-muted, #64748b) !important;
}
#view-home .fixtures-empty-state[hidden] { display: none !important; }
#view-home .fixtures-empty-state svg { color: var(--ht-blue, #0052cc) !important; opacity: 0.8; }
[data-theme="dark"] #view-home .fixtures-empty-state svg { color: #60a5fa !important; }
#view-home .fixtures-empty-state .fes-title { font-size: 15px !important; font-weight: 700 !important; color: var(--ht-text, #0f172a) !important; }
#view-home .fixtures-empty-state .fes-sub { font-size: 12.5px !important; }

/* Known all-white crests (Juventus): dark chip in light mode so the crest reads clearly */
:root:not([data-theme="dark"]) img[src*="/football/teams/496.png"] {
  background: #1e293b !important; border-radius: 50% !important; padding: 2px !important;
  box-sizing: border-box !important; filter: none !important;
}
:root:not([data-theme="dark"]) img.f-t-logo[src*="/football/teams/496.png"] { width: 20px !important; height: 20px !important; }

/* v1.1 multi-page: accessible hidden H1 on homepage; bottom-nav anchors */
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
a.bottom-nav-item { text-decoration: none !important; }

/* v1.2 layer: mobile bottom bar active label readable in light mode (style.css forces white); dark mode unchanged */
:root:not([data-theme="dark"]) .mobile-bottom-nav .bottom-nav-item.active > span,
[data-theme="light"] .mobile-bottom-nav .bottom-nav-item.active > span {
  color: #0052cc !important;
}
/* v1.2 layer: images replaced by ball24-fixes.js fallback keep their box */
img.b24-img-fallback { object-fit: cover; }
img.b24-img-fallback[src^="data:image/svg"] { object-fit: contain; }