/* Kisure Sports Frontend v794
   Article-linked UI polish only.
   Scope: article Match Summary, Transfer Summary and article-rail advertisement
   surfaces. Preserves FE793/DE458 behavior and all data contracts. */

body.is-news-article-page {
  --ks794-brand: #087f7c;
  --ks794-brand-strong: #066b68;
  --ks794-light-surface: #ffffff;
  --ks794-light-soft: #f8fafc;
  --ks794-light-line: #dbe3ea;
  --ks794-light-text: #132033;
  --ks794-light-muted: #64748b;
  --ks794-dark-surface: #191b1d;
  --ks794-dark-soft: #202326;
  --ks794-dark-line: #34383d;
  --ks794-dark-text: #f6f7f9;
  --ks794-dark-muted: #aab1ba;
}

/* --------------------------------------------------------------------------
   Article Match Summary
   Keep the linked Match Centre card compact, readable and visually connected
   to the article instead of looking like a second full Match Centre page.
   -------------------------------------------------------------------------- */
body.is-news-article-page .article-linked-data-stack .article-match-summary-block {
  width: min(100%, 50rem) !important;
  max-width: 50rem !important;
  margin-inline: auto !important;
  overflow: hidden !important;
  border-radius: 1rem !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.is-news-article-page .article-linked-data-stack .article-match-summary-block {
  background: var(--ks794-light-surface) !important;
  border: 1px solid var(--ks794-light-line) !important;
  color: var(--ks794-light-text) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack .article-match-summary-block {
  background: var(--ks794-dark-surface) !important;
  border: 1px solid var(--ks794-dark-line) !important;
  color: var(--ks794-dark-text) !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-summary-block__header {
  padding: .9rem 1rem !important;
  gap: .8rem !important;
  background: transparent !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-summary-block__header h2 {
  margin: .12rem 0 0 !important;
  font-size: clamp(1rem, 1.4vw, 1.12rem) !important;
  line-height: 1.2 !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-summary-block__top-link {
  flex: 0 0 auto !important;
  font-size: .78rem !important;
  white-space: nowrap !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-summary-block .article-match-scoreboard {
  padding: .85rem 1rem .7rem !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__meta {
  justify-content: center !important;
  gap: .35rem .55rem !important;
  margin: 0 0 .8rem !important;
  font-size: .74rem !important;
  line-height: 1.35 !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__main {
  grid-template-columns: minmax(0, 1fr) 44px minmax(96px, .65fr) 44px minmax(0, 1fr) !important;
  gap: .5rem !important;
  align-items: center !important;
  min-height: 5rem !important;
}

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

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__team strong {
  font-size: .9rem !important;
  line-height: 1.15 !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__score b {
  font-size: 1.7rem !important;
  line-height: 1 !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__score span {
  margin-top: .3rem !important;
  font-size: .67rem !important;
  letter-spacing: .08em !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more {
  margin-top: .8rem !important;
  padding-top: .75rem !important;
  border-top: 1px solid !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__more {
  border-color: var(--ks794-light-line) !important;
}
html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more {
  border-color: var(--ks794-dark-line) !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more summary {
  width: max-content !important;
  max-width: 100% !important;
  min-height: 2.35rem !important;
  padding: .56rem .9rem !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: .75rem !important;
  font-weight: 900 !important;
}

html[data-theme="light"] body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more summary {
  border: 1px solid var(--ks794-brand) !important;
  color: var(--ks794-brand) !important;
}
html[data-theme="dark"] body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__more summary {
  border: 1px solid #19b5ad !important;
  color: #6de0d8 !important;
}

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

body.is-news-article-page .article-linked-data-stack .article-match-summary-block__footer {
  justify-content: flex-end !important;
  padding: .7rem 1rem .9rem !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.is-news-article-page .article-linked-data-stack .article-match-summary-block__cta {
  width: auto !important;
  min-width: 0 !important;
  min-height: 2.55rem !important;
  padding: .65rem 1rem !important;
  border-radius: .72rem !important;
  font-size: .78rem !important;
}

/* --------------------------------------------------------------------------
   Article sidebar advertisement
   Light mode must not paint a teal/blue card behind an unfilled or filled ad.
   The boundary remains so the ad placement still reads as a discrete module.
   -------------------------------------------------------------------------- */
html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--ks794-light-line) !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot-header,
html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot-content,
html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot .kisure-safe-ad-slot,
html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot .kisure-safe-ad-primary,
html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot .script-ad {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot-header {
  border-bottom-color: var(--ks794-light-line) !important;
}

html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot-label {
  color: var(--ks794-light-muted) !important;
}

html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot ins.adsbygoogle,
html[data-theme="light"] body.is-news-article-page .article-rail .ad-slot iframe {
  background: transparent !important;
}

/* --------------------------------------------------------------------------
   Article Transfer Summary
   Replace the washed blue/grey treatment with a neutral newsroom surface in
   light mode and a charcoal surface in dark mode. Kisure teal is accent only.
   -------------------------------------------------------------------------- */
body.is-news-article-page .article-transfer-summary-block {
  border-radius: 1rem !important;
  box-shadow: none !important;
  background-image: none !important;
  overflow: hidden !important;
}

html[data-theme="light"] body.is-news-article-page .article-transfer-summary-block {
  background: var(--ks794-light-surface) !important;
  border: 1px solid var(--ks794-light-line) !important;
  color: var(--ks794-light-text) !important;
}

html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block {
  background: var(--ks794-dark-surface) !important;
  border: 1px solid var(--ks794-dark-line) !important;
  color: var(--ks794-dark-text) !important;
}

body.is-news-article-page .article-transfer-summary-block__header,
body.is-news-article-page .article-transfer-summary-block__move,
body.is-news-article-page .article-transfer-summary-block__meta,
body.is-news-article-page .article-transfer-summary-block__footer {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

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

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

body.is-news-article-page .article-transfer-summary-block__header {
  padding: .9rem 1rem !important;
}

body.is-news-article-page .article-transfer-summary-block__move {
  min-height: 7rem !important;
  padding: .95rem 1rem !important;
}

body.is-news-article-page .article-transfer-summary-block__meta {
  padding: .65rem 1rem !important;
}

body.is-news-article-page .article-transfer-summary-block__footer {
  padding: .72rem 1rem !important;
}

body.is-news-article-page .article-transfer-summary-block__status {
  background: transparent !important;
  border: 1px solid currentColor !important;
  color: var(--ks794-brand) !important;
  box-shadow: none !important;
}

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

html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block__header h2,
html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block__club strong,
html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block__footer a {
  color: var(--ks794-dark-text) !important;
}

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

html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block__club span,
html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block__meta,
html[data-theme="dark"] body.is-news-article-page .article-transfer-summary-block__player small {
  color: var(--ks794-dark-muted) !important;
}

body.is-news-article-page .article-transfer-summary-block__player,
body.is-news-article-page .article-transfer-summary-block__meta i,
body.is-news-article-page .article-transfer-summary-block__footer a:hover,
body.is-news-article-page .article-transfer-summary-block__footer a:focus-visible {
  color: var(--ks794-brand) !important;
}

body.is-news-article-page .article-transfer-summary-block__club img,
body.is-news-article-page .article-transfer-summary-block__player img,
body.is-news-article-page .article-transfer-summary-block .ks-player-face-frame {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

@media (max-width: 700px) {
  body.is-news-article-page .article-linked-data-stack .article-match-summary-block {
    max-width: 100% !important;
  }

  body.is-news-article-page .article-linked-data-stack .article-match-summary-block__header {
    align-items: flex-start !important;
  }

  body.is-news-article-page .article-linked-data-stack .article-match-scoreboard__main {
    grid-template-columns: minmax(0, 1fr) 34px minmax(72px, .6fr) 34px minmax(0, 1fr) !important;
    gap: .3rem !important;
  }

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

  body.is-news-article-page .article-linked-data-stack .article-match-summary-block__footer {
    justify-content: stretch !important;
  }

  body.is-news-article-page .article-linked-data-stack .article-match-summary-block__cta {
    width: 100% !important;
    justify-content: center !important;
  }

  body.is-news-article-page .article-transfer-summary-block__move {
    min-height: 0 !important;
    padding: .8rem .75rem !important;
  }
}
