/*
 * BSTV homepage palette v2
 * One visual system from the masthead to the footer.
 */
body.home {
  --tl-ink: #102a43;
  --tl-dark: #102a43;
  --tl-blue: #1261a0;
  --tl-cyan: #1261a0;
  --tl-yellow: #e32636;
  --tl-bg: #f4f6f8;
  --tl-line: #dce3e8;
  --tl-muted: #627383;
  --bstv-home-ink: #102a43;
  --bstv-home-muted: #627383;
  --bstv-home-line: #dce3e8;
  --bstv-home-panel: #f4f6f8;
  --bstv-home-accent: #e32636;
  color: #102a43;
  background: #f4f6f8;
}

body.home .main,
body.home .layout-wrapper { background: #f4f6f8 !important; }

body.home .tl-top {
  color: #c7d4df;
  background: #0b1f33;
}

body.home .tl-main {
  background: #102a43;
  border-bottom-color: #284866;
  box-shadow: 0 4px 18px rgba(11, 31, 51, .14);
}

body.home .tl-brand small { color: #a9c2d8; }
body.home .tl-nav__list a { color: #dce7f0; }
body.home .tl-nav__list a:hover,
body.home .tl-nav__list .current-menu-item > a {
  color: #fff;
  border-color: #e32636;
}

body.home .tl-search,
body.home .tl-menu {
  border-color: #42617d;
  background: #193b59;
}

/* Compact navigation: it stays with the brand instead of stretching to search. */
body.home .tl-main__inner { gap: 22px; }
body.home .tl-nav {
  flex: 0 1 auto;
  margin-right: auto;
  margin-left: 18px;
}
body.home .tl-nav__list { gap: 1px; }
body.home .tl-nav__list a { padding-right: 8px; padding-left: 8px; }
body.home .tl-actions { margin-left: 8px; }

body.home .top__games-active {
  border-color: #d3dde4 !important;
  background: #fff !important;
  box-shadow: 0 7px 22px rgba(16, 42, 67, .09) !important;
}

body.home .bstv-games-strip__head {
  color: #102a43 !important;
  border-bottom-color: #dce3e8 !important;
  background: #f7f9fb !important;
}

body.home .bstv-games-strip__head:hover { background: #eef3f7 !important; }
body.home .bstv-games-strip__hint { color: #627383 !important; }
body.home .bstv-games-strip__arrow { color: #1261a0 !important; }
body.home .bstv-games-strip__pulse { background: #e32636; }

body.home .top__games-active .bstv-game-card {
  border-color: #dce3e8 !important;
  border-top-color: #1261a0 !important;
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(16, 42, 67, .075) !important;
}

body.home .top__games-active .bstv-game-card:hover {
  border-color: #9cb6cb !important;
  border-top-color: #e32636 !important;
  box-shadow: 0 8px 18px rgba(16, 42, 67, .13) !important;
}

body.home .bstv-game-card__score { background: #102a43 !important; }
body.home .bstv-game-card__status.scheduled { color: #1261a0 !important; background: #eaf2f8 !important; }
body.home .bstv-game-card__status.finished { color: #627383 !important; background: #edf1f4 !important; }
body.home .bstv-game-card__status.live { background: #e32636 !important; }
body.home .bstv-game-card__date { color: #627383; border-color: #dce3e8 !important; background: #f7f9fb !important; }

body.home .tl-section-title { border-bottom-color: #102a43; }
body.home .tl-section-title span,
body.home .tl-kicker { color: #1261a0; }

body.home .tl-lead,
body.home .tl-support,
body.home .tl-news-list,
body.home .tl-trending,
body.home .tl-home-widgets,
body.home .tl-home-widgets [class*="wp-block-acf-"],
body.home .tl-home .kolumna-linkow {
  border-color: #dce3e8 !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgba(16, 42, 67, .065) !important;
}

body.home .tl-lead h2 a,
body.home .tl-support h3 a,
body.home .tl-news h3 a,
body.home .tl-trending a,
body.home .tl-home-widgets h2,
body.home .tl-home-widgets h3,
body.home .tl-home-widgets h4 { color: #102a43 !important; }

body.home .tl-lead p,
body.home .tl-time,
body.home .tl-trending small { color: #627383 !important; }

body.home .tl-badge { background: #e32636; }
body.home .tl-home { padding-top: 22px; }
body.home .tl-home-heading {
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid #102a43;
}
body.home .tl-home-heading h2 {
  position: relative;
  margin: 0;
  padding-left: 14px;
  color: #102a43;
  font: 900 clamp(21px, 2.5vw, 28px)/1.1 system-ui;
  letter-spacing: -.01em;
}
body.home .tl-home-heading h2::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 0;
  width: 4px;
  border-radius: 4px;
  background: #e32636;
}
body.home .tl-lead__image { aspect-ratio: 16 / 8.7; }
body.home .tl-lead__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: auto;
}
body.home .tl-lead__body { padding-bottom: 18px; }
body.home .tl-lead__body h2 { margin-bottom: 0; }
body.home .tl-news {
  grid-template-columns: 150px minmax(0, 1fr);
  min-height: 104px;
  align-items: center;
}
body.home .tl-news__img {
  width: 150px;
  height: 90px;
  aspect-ratio: auto;
  align-self: center;
  overflow: hidden;
  border-radius: 8px;
  padding: 0;
  border: 0;
  background: #f2f5f7;
  line-height: 0;
}
body.home .tl-news__img img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center;
  transform: none !important;
}
body.home .tl-news:hover .tl-news__img img { transform: none !important; }
body.home .tl-news__photo {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f2f5f7;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
body.home .tl-home-widgets { background: #f4f6f8 !important; }
body.home .tl-home-widgets h2::before { background: #e32636; }
body.home .tl-home-widgets a:hover h3,
body.home .tl-home-widgets a:hover h4 { color: #1261a0 !important; }

body.home .tl-ad,
body.home .tl-ad--side {
  color: #718290;
  border-color: #bdcad4;
  background: #edf1f4;
}

body.home .tl-home + .bg-white,
body.home .tl-home .bg-white.border-t,
body.home .content-info + * { border-color: #dce3e8 !important; }

body.home .tl-home .linkownia-text { color: #526b7e; }
body.home .tl-home .linkownia-text:hover { color: #1261a0; }
body.home .tl-home .kolumna-linkow h2 { border-bottom-color: #e32636; }

/* Partners become a calm bridge between editorial content and footer. */
body.home .bstv-partnership {
  border-top: 1px solid #dce3e8;
  background: #f4f6f8 !important;
}
body.home .bstv-partnership li {
  border: 1px solid #dce3e8;
  background: #fff !important;
}

/* Footer: deep navy rather than a detached black theme. */
body.home .bstv-footer {
  color: #fff !important;
  background: #0b1f33 !important;
}

body.home .bstv-footer .footer-links-grid {
  border-color: rgba(220, 231, 240, .12) !important;
  background: #102a43 !important;
}

body.home .bstv-footer .footer-links-grid h2,
body.home .bstv-footer .text-white { color: #fff !important; }
body.home .bstv-footer .footer-links-grid__heading { color: #a9bdce !important; }
body.home .bstv-footer .footer-links-grid__link,
body.home .bstv-footer .text__content.white.footer p { color: #c3d1dd !important; }
body.home .bstv-footer .footer-links-grid__link:hover,
body.home .bstv-footer a:hover { color: #fff !important; }

body.home .bstv-footer .border-white\/10 { border-color: rgba(220, 231, 240, .12) !important; }
body.home .bstv-footer .footer__copyright {
  border-top: 1px solid rgba(220, 231, 240, .12);
  background: #071827 !important;
}

@media (max-width: 780px) {
  body.home .tl-nav { background: #102a43; border-color: #284866; }
  body.home .tl-nav__list a { border-color: #284866; }
}

@media (max-width: 520px) {
  body.home .tl-news { grid-template-columns: 120px minmax(0, 1fr); }
  body.home .tl-news__img { width: 120px; height: 76px; }
}
