/* Kisure Sports Frontend v796
   Article-linked flat brand pass.
   Scope: news article Match Summary + Transfer Summary only.
   Contract:
   - generated FE795 visual direction implemented in real source, not an image mockup
   - no glassmorphism, gradients, glow borders, translucent green overlays, or backdrop blur
   - light mode: white newsroom cards + dark copy + restrained Kisure teal
   - dark mode: solid Kisure deep-green cards + white copy + restrained Kisure teal
   - expanded match details: solid deep green + white copy in both themes
   - transparent club crests remain fully visible and uncropped
   - transfer club crest gets a white silhouette edge, never a green outline
*/

body.is-news-article-page {
  --ks796-ink: #102033;
  --ks796-muted: #5e6e82;
  --ks796-line: #d9e2e8;
  --ks796-surface: #ffffff;
  --ks796-page-dark: #0b1113;
  --ks796-green: #063f3b;
  --ks796-green-deep: #043531;
  --ks796-green-detail: #064d48;
  --ks796-dark-line: #314646;
  --ks796-teal: #078b87;
  --ks796-teal-bright: #4fd9d2;
  --ks796-white: #ffffff;
}

/* Kill every previous glass / glow effect in the article-linked cards. */
body.is-news-article-page .article-linked-data-stack :is(
  .article-match-summary-block,
  .article-match-summary-block__header,
  .article-match-summary-block__footer,
  .article-match-scoreboard,
  .article-match-scoreboard__more,
  .article-match-scoreboard__more-body,
  .article-transfer-summary-block,
  .article-transfer-summary-block__header,
  .article-transfer-summary-block__move,
  .article-transfer-summary-block__meta,
  .article-transfer-summary-block__footer
) {
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none;
  opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   MATCH SUMMARY — LIGHT
   -------------------------------------------------------------------------- */
html[data-theme="light"] body.is-news-article-page .article-linked-data-stack .article-match-summary-block {
  background: var(--ks796-surface) !important;
  border: 1px solid var(--ks796-line) !important;
  color: var(--ks796-ink) !important;
}

html[data-theme="light"] body.is-news-article-page .article-linked-data-stack :is(
  .article-match-summary-block__header,
  .article-match-summary-block__footer,
  .article-match-scoreboard
) {
  background: var(--ks796-surface) !important;
  border-color: var(--ks796-line) !important;
  color: var(--ks796-ink) !important;
}

html[data-theme="light"] body.is-news-article-page .article-linked-data-stack .article-match-summary-block__header h2,
html[data-theme="light"] body.is-news-article-page .article-linked-data-stack .article-match-scoreboard :is(
  .article-match-scoreboard__meta,
  .article-match-scoreboard__meta > span,
  .article-match-scoreboard__team,
  .article-match-scoreboard__team strong,
  .article-match-scoreboard__score,
  .article-match-scoreboard__score b
) {
  color: var(--ks796-ink) !important;
  -webkit-text-fill-color: var(--ks796-ink) !important;
}

html[data-theme="light"] body.is-news-article-page .article-linked-data-stack :is(
  .article-match-summary-block .site-kicker,
  .article-match-summary-block__top-link,
  .article-match-scoreboard__competition-link,
  .article-match-scoreboard__competition-link strong,
  .article-match-scoreboard__score > span
) {
  color: var(--ks796-teal) !important;
  -webkit-text-fill-color: var(--ks796-teal) !important;
}

/* --------------------------------------------------------------------------
   MATCH SUMMARY — DARK: solid Kisure green, neutral edge, no neon/glass.
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack .article-match-summary-block {
  background: var(--ks796-green) !important;
  border: 1px solid var(--ks796-dark-line) !important;
  color: var(--ks796-white) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack :is(
  .article-match-summary-block__header,
  .article-match-summary-block__footer,
  .article-match-scoreboard
) {
  background: var(--ks796-green) !important;
  border-color: var(--ks796-dark-line) !important;
  color: var(--ks796-white) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack .article-match-summary-block__header h2,
html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack .article-match-scoreboard :is(
  .article-match-scoreboard__meta,
  .article-match-scoreboard__meta > span,
  .article-match-scoreboard__team,
  .article-match-scoreboard__team strong,
  .article-match-scoreboard__score,
  .article-match-scoreboard__score b
) {
  color: var(--ks796-white) !important;
  -webkit-text-fill-color: var(--ks796-white) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack :is(
  .article-match-summary-block .site-kicker,
  .article-match-summary-block__top-link,
  .article-match-scoreboard__competition-link,
  .article-match-scoreboard__competition-link strong,
  .article-match-scoreboard__score > span
) {
  color: var(--ks796-teal-bright) !important;
  -webkit-text-fill-color: var(--ks796-teal-bright) !important;
}

/* Flat buttons: one Kisure teal, no glow. */
body.is-news-article-page .article-linked-data-stack :is(
  .article-match-scoreboard__more summary,
  .article-match-summary-block__cta
) {
  background: var(--ks796-teal) !important;
  background-image: none !important;
  border: 1px solid var(--ks796-teal) !important;
  color: var(--ks796-white) !important;
  -webkit-text-fill-color: var(--ks796-white) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.is-news-article-page .article-linked-data-stack :is(
  .article-match-scoreboard__more summary,
  .article-match-summary-block__cta
):is(:hover, :focus-visible) {
  background: #066f6b !important;
  border-color: #066f6b !important;
}

/* Expanded details: solid green + white copy in both themes. */
body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more-body {
  margin-top: .75rem !important;
  padding: 1rem 1.05rem !important;
  background: var(--ks796-green-detail) !important;
  border: 1px solid #37615f !important;
  border-radius: .8rem !important;
  color: var(--ks796-white) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more-body {
  background: var(--ks796-green-deep) !important;
  border-color: var(--ks796-dark-line) !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more-body :is(
  .article-match-scoreboard__details,
  .article-match-scoreboard__details span,
  .article-match-scoreboard__details a,
  .article-match-scoreboard__support,
  .article-match-scoreboard__support-col,
  .article-match-scoreboard__support-col strong,
  .article-match-scoreboard__support-col strong span,
  .article-match-scoreboard__player-link,
  .article-match-scoreboard__player-link:visited
) {
  color: var(--ks796-white) !important;
  -webkit-text-fill-color: var(--ks796-white) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more-body :is(
  .article-match-scoreboard__support,
  .article-match-scoreboard__details--last
) {
  background: transparent !important;
  border-color: rgba(255,255,255,.52) !important;
  box-shadow: none !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more-body .article-match-scoreboard__support + .article-match-scoreboard__support,
body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more-body .article-match-scoreboard__details--last {
  border-top: 1px solid rgba(255,255,255,.52) !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__section-label {
  display: block !important;
  margin-bottom: .45rem !important;
  color: var(--ks796-teal-bright) !important;
  -webkit-text-fill-color: var(--ks796-teal-bright) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__support-col strong {
  display: grid !important;
  gap: .26rem !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__support-col strong > span {
  display: block !important;
  line-height: 1.35 !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__halftime-pill,
body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__penalty-pill {
  background: var(--ks796-teal) !important;
  border: 1px solid var(--ks796-teal) !important;
  color: var(--ks796-white) !important;
  -webkit-text-fill-color: var(--ks796-white) !important;
  box-shadow: none !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more-body :is(
  .article-match-scoreboard__support-center,
  .football-event-icon,
  .article-match-scoreboard__details i
) {
  color: var(--ks796-teal-bright) !important;
  -webkit-text-fill-color: var(--ks796-teal-bright) !important;
  text-shadow: none !important;
}

/* --------------------------------------------------------------------------
   CRESTS — entire image visible. No green silhouette outlines.
   -------------------------------------------------------------------------- */
body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__main {
  grid-template-columns: minmax(0,1fr) 62px minmax(112px,.66fr) 62px minmax(0,1fr) !important;
  gap: .5rem !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__crest {
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__crest img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 54px !important;
  max-height: 54px !important;
  object-fit: contain !important;
  object-position: center !important;
  clip-path: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__crest img {
  filter: drop-shadow(0 1px 1px rgba(16,32,51,.22)) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__crest img {
  filter:
    drop-shadow(1px 0 0 rgba(255,255,255,.92))
    drop-shadow(-1px 0 0 rgba(255,255,255,.92))
    drop-shadow(0 1px 0 rgba(255,255,255,.92))
    drop-shadow(0 -1px 0 rgba(255,255,255,.92)) !important;
}

/* --------------------------------------------------------------------------
   TRANSFER SUMMARY — LIGHT: white newsroom card, readable dark copy.
   -------------------------------------------------------------------------- */
html[data-theme="light"] body.is-news-article-page .article-transfer-summary-block {
  background: var(--ks796-surface) !important;
  border: 1px solid var(--ks796-line) !important;
  color: var(--ks796-ink) !important;
}

html[data-theme="light"] body.is-news-article-page .article-transfer-summary-block :is(
  .article-transfer-summary-block__header,
  .article-transfer-summary-block__move,
  .article-transfer-summary-block__meta,
  .article-transfer-summary-block__footer
) {
  background: var(--ks796-surface) !important;
  border-color: var(--ks796-line) !important;
}

html[data-theme="light"] body.is-news-article-page .article-transfer-summary-block :is(
  .article-transfer-summary-block__header h2,
  .article-transfer-summary-block__club strong,
  .article-transfer-summary-block__club a,
  .article-transfer-summary-block__meta,
  .article-transfer-summary-block__meta span,
  .article-transfer-summary-block__footer a
) {
  color: var(--ks796-ink) !important;
  -webkit-text-fill-color: var(--ks796-ink) !important;
}

html[data-theme="light"] body.is-news-article-page .article-transfer-summary-block :is(
  .article-transfer-summary-block__club > span,
  .article-transfer-summary-block__player small
) {
  color: var(--ks796-muted) !important;
  -webkit-text-fill-color: var(--ks796-muted) !important;
}

/* --------------------------------------------------------------------------
   TRANSFER SUMMARY — DARK: solid deep green, no luminous border/glass.
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block {
  background: var(--ks796-green) !important;
  border: 1px solid var(--ks796-dark-line) !important;
  color: var(--ks796-white) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block :is(
  .article-transfer-summary-block__header,
  .article-transfer-summary-block__move,
  .article-transfer-summary-block__meta,
  .article-transfer-summary-block__footer
) {
  background: var(--ks796-green) !important;
  border-color: var(--ks796-dark-line) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block :is(
  .article-transfer-summary-block__header h2,
  .article-transfer-summary-block__club strong,
  .article-transfer-summary-block__club a,
  .article-transfer-summary-block__club > span,
  .article-transfer-summary-block__player small,
  .article-transfer-summary-block__meta,
  .article-transfer-summary-block__meta span,
  .article-transfer-summary-block__footer a
) {
  color: var(--ks796-white) !important;
  -webkit-text-fill-color: var(--ks796-white) !important;
}

body.is-news-article-page .article-transfer-summary-block :is(
  .site-kicker,
  .article-transfer-summary-block__meta i,
  .article-transfer-summary-block__player > i
) {
  color: var(--ks796-teal) !important;
  -webkit-text-fill-color: var(--ks796-teal) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block :is(
  .site-kicker,
  .article-transfer-summary-block__meta i,
  .article-transfer-summary-block__player > i
) {
  color: var(--ks796-teal-bright) !important;
  -webkit-text-fill-color: var(--ks796-teal-bright) !important;
}

html[data-theme="light"] body.is-news-article-page .article-transfer-summary-block__status {
  background: #ffffff !important;
  border: 1px solid var(--ks796-teal) !important;
  color: var(--ks796-teal) !important;
  -webkit-text-fill-color: var(--ks796-teal) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block__status {
  background: var(--ks796-teal) !important;
  border: 1px solid var(--ks796-teal) !important;
  color: var(--ks796-white) !important;
  -webkit-text-fill-color: var(--ks796-white) !important;
}

/* Transfer crest: complete source image + WHITE silhouette edge only. */
body.is-news-article-page .article-transfer-summary-block__club {
  overflow: visible !important;
}

body.is-news-article-page .article-transfer-summary-block__club img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 58px !important;
  max-height: 58px !important;
  object-fit: contain !important;
  object-position: center !important;
  overflow: visible !important;
  clip-path: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter:
    drop-shadow(1px 0 0 rgba(255,255,255,.98))
    drop-shadow(-1px 0 0 rgba(255,255,255,.98))
    drop-shadow(0 1px 0 rgba(255,255,255,.98))
    drop-shadow(0 -1px 0 rgba(255,255,255,.98)) !important;
}

html[data-theme="light"] body.is-news-article-page .article-transfer-summary-block__club img {
  /* Neutral depth makes the requested white edge visible on a white card. */
  filter:
    drop-shadow(1px 0 0 #ffffff)
    drop-shadow(-1px 0 0 #ffffff)
    drop-shadow(0 1px 0 #ffffff)
    drop-shadow(0 -1px 0 #ffffff)
    drop-shadow(0 1px 2px rgba(16,32,51,.30)) !important;
}

/* Player portrait marker stays clean and flat. */
body.is-news-article-page .article-transfer-summary-block .ks-player-face-frame--article {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border: 1px solid var(--ks796-teal) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block .ks-player-face-frame--article {
  border-color: rgba(255,255,255,.75) !important;
  background: #f7fbfb !important;
}

body.is-news-article-page .article-transfer-summary-block .ks-player-face-frame--article img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  filter: none !important;
}

/* Flat hover: teal text only. */
body.is-news-article-page .article-transfer-summary-block :is(
  .article-transfer-summary-block__footer a,
  .article-transfer-summary-block__club a
):is(:hover, :focus-visible) {
  color: var(--ks796-teal) !important;
  -webkit-text-fill-color: var(--ks796-teal) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block :is(
  .article-transfer-summary-block__footer a,
  .article-transfer-summary-block__club a
):is(:hover, :focus-visible) {
  color: var(--ks796-teal-bright) !important;
  -webkit-text-fill-color: var(--ks796-teal-bright) !important;
}

@media (max-width: 700px) {
  body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__main {
    grid-template-columns: minmax(0,1fr) 46px minmax(82px,.62fr) 46px minmax(0,1fr) !important;
    gap: .3rem !important;
  }

  body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__crest {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
  }

  body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__crest img {
    max-width: 42px !important;
    max-height: 42px !important;
  }

  body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more-body {
    padding: .8rem .7rem !important;
  }

  body.is-news-article-page .article-transfer-summary-block__club img {
    max-width: 48px !important;
    max-height: 48px !important;
  }
}
