/* Kisure Sports Frontend v766 — solid visual cleanup
   Scope: decorative surfaces only. No gradients. Preserve saved team colours,
   status colours, SVG/crest transparency and existing data ownership. */
:root {
  --kisure-v766-teal: #0EA5A4;
  --kisure-v766-teal-strong: #087F7C;
  --kisure-v766-navy: #07111F;
  --kisure-v766-navy-2: #0B1A2B;
  --kisure-v766-soft: #ECF8F7;
  --kisure-v766-light: #F4F8F9;
  --kisure-v766-border: rgba(7,17,31,.14);
  --kisure-v766-muted: #5B6B82;
}

/* Football entity heroes: remove the leftover right-side decorative block
   shown on fixtures, club, standings, league and similar football pages. */
.football-page .football-hero::before,
.football-page .football-hero::after,
.football-page .football-compact-hero::before,
.football-page .football-compact-hero::after,
.football-page .football-club-hero::before,
.football-page .football-club-hero::after,
.football-page .football-player-hero::before,
.football-page .football-player-hero::after,
.football-page .football-match-hero::before,
.football-page .football-match-hero::after,
.football-page .football-home-board::before,
.football-page .football-home-board::after,
.football-fixtures-hero::before,
.football-fixtures-hero::after,
.football-standings-hero::before,
.football-standings-hero::after,
.football-league-hero::before,
.football-league-hero::after,
.football-club-hero::before,
.football-club-hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

.football-page .football-compact-hero,
.football-page .football-fixtures-hero,
.football-page .football-standings-hero,
.football-page .football-club-hero,
.football-page .football-league-hero {
  background: var(--surface, #FFFFFF) !important;
  background-image: none !important;
  border: 1px solid var(--border-strong, var(--kisure-v766-border)) !important;
  color: var(--text, #111827) !important;
  overflow: hidden;
}

.football-page .football-compact-hero h1,
.football-page .football-fixtures-hero h1,
.football-page .football-standings-hero h1,
.football-page .football-club-hero h1,
.football-page .football-league-hero h1 {
  color: var(--text, #111827) !important;
}

.football-page .football-compact-hero p,
.football-page .football-fixtures-hero p,
.football-page .football-standings-hero p,
.football-page .football-club-hero p,
.football-page .football-league-hero p {
  color: var(--text-soft, var(--kisure-v766-muted)) !important;
}

html[data-theme="dark"] .football-page .football-compact-hero,
html[data-theme="dark"] .football-page .football-fixtures-hero,
html[data-theme="dark"] .football-page .football-standings-hero,
html[data-theme="dark"] .football-page .football-club-hero,
html[data-theme="dark"] .football-page .football-league-hero {
  background: var(--kisure-v766-navy) !important;
  border-color: rgba(14,165,164,.28) !important;
  color: #FFFFFF !important;
}
html[data-theme="dark"] .football-page .football-compact-hero h1,
html[data-theme="dark"] .football-page .football-fixtures-hero h1,
html[data-theme="dark"] .football-page .football-standings-hero h1,
html[data-theme="dark"] .football-page .football-club-hero h1,
html[data-theme="dark"] .football-page .football-league-hero h1 {
  color: #FFFFFF !important;
}
html[data-theme="dark"] .football-page .football-compact-hero p,
html[data-theme="dark"] .football-page .football-fixtures-hero p,
html[data-theme="dark"] .football-page .football-standings-hero p,
html[data-theme="dark"] .football-page .football-club-hero p,
html[data-theme="dark"] .football-page .football-league-hero p {
  color: rgba(255,255,255,.76) !important;
}

/* Article pages: content first. The story owns the width; rail widgets are
   retained but moved below as supporting blocks so the article is not squeezed. */
body.is-news-article-page .article-shell.article-shell--premium {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(1.1rem, 2vw, 1.75rem) !important;
  max-width: min(1500px, calc(100vw - 2rem));
  margin-inline: auto;
}
body.is-news-article-page .article-shell--premium > .stack-grid,
body.is-news-article-page .article-linked-data-stack,
body.is-news-article-page .article-content-card--premium,
body.is-news-article-page .article-gallery-showcase,
body.is-news-article-page .article-author,
body.is-news-article-page .article-nav-grid,
body.is-news-article-page .article-topics-card,
body.is-news-article-page .live-blog-shell {
  width: 100% !important;
  max-width: none !important;
}
body.is-news-article-page .article-content-card--premium {
  padding-inline: clamp(1.15rem, 4vw, 4.25rem) !important;
}
body.is-news-article-page .article-content-card--premium .article-prose {
  width: min(100%, 76rem) !important;
  max-width: none !important;
  margin-inline: auto !important;
}
body.is-news-article-page .article-rail.sticky-sidebar {
  position: static !important;
  top: auto !important;
  width: 100% !important;
  max-width: none !important;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
}
body.is-news-article-page .article-rail.sticky-sidebar > * {
  min-width: 0;
  height: 100%;
}
@media (max-width: 1180px) {
  body.is-news-article-page .article-rail.sticky-sidebar {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px) {
  body.is-news-article-page .article-shell.article-shell--premium {
    max-width: calc(100vw - 1rem);
  }
  body.is-news-article-page .article-content-card--premium {
    padding-inline: 1rem !important;
  }
}

/* Article linked match scorecard: make the footer CTA visible and strong. */
.article-match-summary-block {
  background: var(--surface, #FFFFFF) !important;
  border: 1px solid var(--border-strong, var(--kisure-v766-border)) !important;
  color: var(--text, #111827) !important;
}
.article-match-summary-block .article-match-scoreboard,
.article-match-summary-block .article-match-scoreboard--match-page {
  background: var(--kisure-v766-navy) !important;
  background-image: none !important;
  color: #FFFFFF !important;
}
.article-match-summary-block__footer {
  background: var(--kisure-v766-navy-2) !important;
  border-top: 1px solid rgba(14,165,164,.42) !important;
  padding: 1rem 1.25rem !important;
  display: flex !important;
  justify-content: center !important;
}
.article-match-summary-block__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .65rem !important;
  min-height: 46px !important;
  min-width: min(100%, 320px) !important;
  padding: .8rem 1.15rem !important;
  border-radius: 999px !important;
  border: 1px solid rgba(14,165,164,.6) !important;
  background: var(--kisure-v766-teal-strong) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  letter-spacing: .01em;
}
.article-match-summary-block__cta span,
.article-match-summary-block__cta i {
  color: #FFFFFF !important;
  opacity: 1 !important;
}
.article-match-summary-block__cta:hover,
.article-match-summary-block__cta:focus-visible {
  background: var(--kisure-v766-teal) !important;
  color: #FFFFFF !important;
}

/* Keep section cards solid and prevent legacy decorative image/card overlays. */
.surface-card,
.site-panel,
.ad-slot,
.article-share-panel,
.article-content-card,
.article-linked-data-stack,
.article-gallery-showcase {
  background-image: none !important;
}

/* Preserve transparent logos/crests instead of painting boxes around assets. */
.football-page img,
.article-match-scoreboard__crest,
.article-match-scoreboard__crest img {
  background-image: none !important;
}