/* GO v43: GameRant-style structure, not decorative stripes.
   - Functional Trending bar under header.
   - Only big editorial bands: home hero/masthead and feed.
   - No repeated stripes in singles or small sections.
   - Header dark/light toggle fixed.
*/

/* ---------- Header Trending bar ---------- */
html body:not(.wp-admin) .go-v43-trending-bar {
  --go-v43-trending-bg: #111111;
  --go-v43-trending-text: rgba(255, 255, 255, .86);
  --go-v43-trending-soft: rgba(255, 255, 255, .56);
  --go-v43-trending-accent: #c7f000;
  width: 100%;
  min-height: 32px;
  background: var(--go-v43-trending-bg) !important;
  border-top: 1px solid rgba(255, 255, 255, .06);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  color: var(--go-v43-trending-text);
  position: relative;
  z-index: 30;
}

html body:not(.wp-admin):not(.dark-mode):not(.newsx-dark-mode) .go-v43-trending-bar {
  --go-v43-trending-bg: #f4f3f6;
  --go-v43-trending-text: #11131a;
  --go-v43-trending-soft: rgba(17, 19, 26, .56);
  --go-v43-trending-accent: #2800f0;
  border-top-color: rgba(17, 19, 26, .08);
  border-bottom-color: rgba(17, 19, 26, .10);
}

html body:not(.wp-admin) .go-v43-trending-inner {
  width: min(1180px, calc(100vw - 32px));
  min-height: 32px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 16px;
  overflow: hidden;
}

html body:not(.wp-admin) .go-v43-trending-label {
  flex: 0 0 auto;
  color: var(--go-v43-trending-accent);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
}

html body:not(.wp-admin) .go-v43-trending-links {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  overflow: hidden;
  white-space: nowrap;
}

html body:not(.wp-admin) .go-v43-trending-links a {
  position: relative;
  min-width: 0;
  max-width: 210px;
  overflow: hidden;
  color: var(--go-v43-trending-text) !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html body:not(.wp-admin) .go-v43-trending-links a + a::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 999px;
  background: var(--go-v43-trending-soft);
  transform: translateY(-50%);
}

html body:not(.wp-admin) .go-v43-trending-links a:hover {
  color: var(--go-v43-trending-accent) !important;
}

@media (max-width: 700px) {
  html body:not(.wp-admin) .go-v43-trending-inner {
    gap: 10px;
    width: calc(100vw - 22px);
  }

  html body:not(.wp-admin) .go-v43-trending-links a {
    max-width: 160px;
  }
}

/* ---------- Remove old decorative stripes from previous passes ---------- */
html body:not(.wp-admin) :is(
  .go-ds-hero,
  .go-ds-latest-strip,
  .go-ds-content-band,
  .go-ds-bottom-layout,
  .go-news-archive-video-section,
  .go-news-archive-recent,
  .go-news-archive-intro,
  .go-ca-hero,
  .go-ca-block,
  .go-cp-hero,
  .go-cp-featured,
  .go-cp-section,
  .go-gh-hero,
  .go-gh-block,
  .go-gh-section,
  .go-eh-hero,
  .go-eh-block,
  .go-eh-section,
  .go-th-hero,
  .go-th-block,
  .go-th-section,
  .go-vh-hero,
  .go-vh-block,
  .go-vh-section,
  .go-pf-hero-band
)::before,
html body:not(.wp-admin) :is(
  .go-ds-hero,
  .go-ds-latest-strip,
  .go-ds-content-band,
  .go-ds-bottom-layout,
  .go-news-archive-video-section,
  .go-news-archive-recent,
  .go-news-archive-intro,
  .go-ca-hero,
  .go-ca-block,
  .go-cp-hero,
  .go-cp-featured,
  .go-cp-section,
  .go-gh-hero,
  .go-gh-block,
  .go-gh-section,
  .go-eh-hero,
  .go-eh-block,
  .go-eh-section,
  .go-th-hero,
  .go-th-block,
  .go-th-section,
  .go-vh-hero,
  .go-vh-block,
  .go-vh-section,
  .go-pf-hero-band
)::after {
  content: none !important;
  display: none !important;
}

/* Never draw structural bands inside single pages. */
html body.single:not(.wp-admin) :is(
  .go-article,
  .go-article__shell,
  .go-article__hero,
  .go-article__hero-inner,
  .go-article__grid,
  .go-article__main,
  .go-article__content,
  .go-article__cover,
  .go-review-single-page,
  .go-review-single-shell
)::before,
html body.single:not(.wp-admin) :is(
  .go-article,
  .go-article__shell,
  .go-article__hero,
  .go-article__hero-inner,
  .go-article__grid,
  .go-article__main,
  .go-article__content,
  .go-article__cover,
  .go-review-single-page,
  .go-review-single-shell
)::after {
  content: none !important;
  display: none !important;
}

/* ---------- Structural bands: few, large, editorial ---------- */
html body:not(.wp-admin) {
  --go-v43-page-bg-light: #f8f7fa;
  --go-v43-band-light: #eceaf0;
  --go-v43-band-light-2: #e7e5eb;
  --go-v43-line-light: rgba(13, 15, 22, .08);
  --go-v43-page-bg-dark: #1f1d2b;
  --go-v43-band-dark: #282631;
  --go-v43-band-dark-2: #24232c;
  --go-v43-line-dark: rgba(255, 255, 255, .075);
}

html body.home:not(.wp-admin),
html body.home:not(.wp-admin) #page,
html body.home:not(.wp-admin) .site-content,
html body:not(.wp-admin) :is(.go-ca-page, .go-gh-page, .go-cp-page, .go-news-archive-page, .go-eh-page, .go-th-page, .go-vh-page) {
  background-color: var(--go-v43-page-bg-light) !important;
}

html body.dark-mode.home:not(.wp-admin),
html body.newsx-dark-mode.home:not(.wp-admin),
html.dark body.home:not(.wp-admin),
html body.dark-mode:not(.wp-admin) :is(.go-ca-page, .go-gh-page, .go-cp-page, .go-news-archive-page, .go-eh-page, .go-th-page, .go-vh-page),
html body.newsx-dark-mode:not(.wp-admin) :is(.go-ca-page, .go-gh-page, .go-cp-page, .go-news-archive-page, .go-eh-page, .go-th-page, .go-vh-page),
html.dark body:not(.wp-admin) :is(.go-ca-page, .go-gh-page, .go-cp-page, .go-news-archive-page, .go-eh-page, .go-th-page, .go-vh-page) {
  background-color: var(--go-v43-page-bg-dark) !important;
}

/* Home visual area: one large structural band behind the main editorial area. */
html body.home:not(.wp-admin) .go-ds-hero,
html body.home:not(.wp-admin) .go-ds-bottom-layout,
html body:not(.wp-admin):not(.single) :is(.go-ca-hero, .go-gh-hero, .go-cp-hero, .go-pf-hero-band, .go-news-archive-intro) {
  position: relative !important;
  isolation: isolate !important;
  z-index: 0 !important;
}

html body.home:not(.wp-admin) .go-ds-hero::before,
html body.home:not(.wp-admin) .go-ds-bottom-layout::before,
html body:not(.wp-admin):not(.single) :is(.go-ca-hero, .go-gh-hero, .go-cp-hero, .go-pf-hero-band, .go-news-archive-intro)::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100vw !important;
  top: calc(clamp(20px, 2.5vw, 38px) * -1) !important;
  bottom: calc(clamp(20px, 2.5vw, 38px) * -1) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: var(--go-v43-band-light) !important;
  border-top: 1px solid var(--go-v43-line-light) !important;
  border-bottom: 1px solid var(--go-v43-line-light) !important;
}

html body.home:not(.wp-admin) .go-ds-bottom-layout::before {
  background: var(--go-v43-band-light-2) !important;
}

/* Dark mode bands. */
html body.dark-mode.home:not(.wp-admin) .go-ds-hero::before,
html body.newsx-dark-mode.home:not(.wp-admin) .go-ds-hero::before,
html.dark body.home:not(.wp-admin) .go-ds-hero::before,
html body.dark-mode.home:not(.wp-admin) .go-ds-bottom-layout::before,
html body.newsx-dark-mode.home:not(.wp-admin) .go-ds-bottom-layout::before,
html.dark body.home:not(.wp-admin) .go-ds-bottom-layout::before,
html body.dark-mode:not(.wp-admin):not(.single) :is(.go-ca-hero, .go-gh-hero, .go-cp-hero, .go-pf-hero-band, .go-news-archive-intro)::before,
html body.newsx-dark-mode:not(.wp-admin):not(.single) :is(.go-ca-hero, .go-gh-hero, .go-cp-hero, .go-pf-hero-band, .go-news-archive-intro)::before,
html.dark body:not(.wp-admin):not(.single) :is(.go-ca-hero, .go-gh-hero, .go-cp-hero, .go-pf-hero-band, .go-news-archive-intro)::before {
  background: var(--go-v43-band-dark) !important;
  border-top-color: var(--go-v43-line-dark) !important;
  border-bottom-color: var(--go-v43-line-dark) !important;
}

html body.dark-mode.home:not(.wp-admin) .go-ds-bottom-layout::before,
html body.newsx-dark-mode.home:not(.wp-admin) .go-ds-bottom-layout::before,
html.dark body.home:not(.wp-admin) .go-ds-bottom-layout::before {
  background: var(--go-v43-band-dark-2) !important;
}

/* Keep the quick/latest strip as content, not another decorative full-width band. */
html body.home:not(.wp-admin) .go-ds-latest-strip::before,
html body.home:not(.wp-admin) .go-ds-latest-strip::after,
html body.home:not(.wp-admin) .go-ds-content-band::before,
html body.home:not(.wp-admin) .go-ds-content-band::after,
html body:not(.wp-admin):not(.single) :is(.go-ca-block, .go-cp-section, .go-gh-block, .go-gh-section, .go-news-archive-video-section, .go-news-archive-recent)::before,
html body:not(.wp-admin):not(.single) :is(.go-ca-block, .go-cp-section, .go-gh-block, .go-gh-section, .go-news-archive-video-section, .go-news-archive-recent)::after {
  content: none !important;
  display: none !important;
}

/* ---------- Single alignment rail ---------- */
html body.single:not(.single-review):not(.wp-admin) .go-article {
  --go-v43-single-rail: min(1180px, calc(100vw - 32px));
}

html body.single:not(.single-review):not(.wp-admin) .go-article__shell {
  width: var(--go-v43-single-rail) !important;
  max-width: var(--go-v43-single-rail) !important;
  margin-inline: auto !important;
}

html body.single:not(.single-review):not(.wp-admin) .go-article__hero,
html body.single:not(.single-review):not(.wp-admin) .go-article__hero-inner,
html body.single:not(.single-review):not(.wp-admin) .go-article__cover,
html body.single:not(.single-review):not(.wp-admin) .go-article__post-cover-meta {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body.single:not(.single-review):not(.wp-admin) .go-article__hero-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  padding: 0 !important;
}

html body.single:not(.single-review):not(.wp-admin) .go-article__hero-inner > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

html body.single:not(.single-review):not(.wp-admin) .go-article__eyebrow {
  width: auto !important;
  max-width: none !important;
  align-self: flex-start !important;
  justify-content: flex-start !important;
  margin: 0 0 14px !important;
}

html body.single:not(.single-review):not(.wp-admin) .go-article__title {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
}

html body.single:not(.single-review):not(.wp-admin) .go-article__deck {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 clamp(22px, 2.2vw, 30px) !important;
}

html body.single:not(.single-review):not(.wp-admin) .go-article__cover {
  margin-top: 0 !important;
}

/* ---------- Fix header dark/light toggle visual ---------- */
html body:not(.wp-admin) .go-v31-theme-toggle.newsx-dark-mode-switcher,
html body:not(.wp-admin) .go-v27-theme-toggle.newsx-dark-mode-switcher {
  width: 58px !important;
  min-width: 58px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  background: rgba(199, 240, 0, .10) !important;
  border: 1px solid rgba(199, 240, 0, .34) !important;
  box-shadow: none !important;
  color: #f5f7fb !important;
}

html body:not(.wp-admin):not(.dark-mode):not(.newsx-dark-mode) .go-v31-theme-toggle.newsx-dark-mode-switcher,
html body:not(.wp-admin):not(.dark-mode):not(.newsx-dark-mode) .go-v27-theme-toggle.newsx-dark-mode-switcher {
  background: #f3f2f5 !important;
  border-color: rgba(11, 14, 22, .14) !important;
  color: #11141b !important;
}

html body:not(.wp-admin) .go-v31-theme-toggle .go-shell-dark-toggle-track,
html body:not(.wp-admin) .go-v27-theme-toggle .go-shell-dark-toggle-track {
  display: none !important;
}

html body:not(.wp-admin) .go-v31-theme-toggle .go-shell-dark-toggle-thumb,
html body:not(.wp-admin) .go-v27-theme-toggle .go-shell-dark-toggle-thumb {
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.18) !important;
  transition: transform .2s ease, background-color .2s ease !important;
  z-index: 1 !important;
}

html body.dark-mode:not(.wp-admin) .go-v31-theme-toggle .go-shell-dark-toggle-thumb,
html body.newsx-dark-mode:not(.wp-admin) .go-v31-theme-toggle .go-shell-dark-toggle-thumb,
html.dark body:not(.wp-admin) .go-v31-theme-toggle .go-shell-dark-toggle-thumb,
html body.dark-mode:not(.wp-admin) .go-v27-theme-toggle .go-shell-dark-toggle-thumb,
html body.newsx-dark-mode:not(.wp-admin) .go-v27-theme-toggle .go-shell-dark-toggle-thumb,
html.dark body:not(.wp-admin) .go-v27-theme-toggle .go-shell-dark-toggle-thumb,
html body:not(.wp-admin) .go-v31-theme-toggle.newsx-dark-mode-switcher.active .go-shell-dark-toggle-thumb,
html body:not(.wp-admin) .go-v27-theme-toggle.newsx-dark-mode-switcher.active .go-shell-dark-toggle-thumb {
  transform: translateX(28px) !important;
  background: #c7f000 !important;
}

html body:not(.wp-admin) .go-v31-theme-toggle .go-shell-dark-toggle-icon,
html body:not(.wp-admin) .go-v27-theme-toggle .go-shell-dark-toggle-icon {
  position: absolute !important;
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  display: grid !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  color: currentColor !important;
  opacity: .72 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

html body:not(.wp-admin) .go-v31-theme-toggle .go-shell-dark-toggle-icon svg,
html body:not(.wp-admin) .go-v27-theme-toggle .go-shell-dark-toggle-icon svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
}

html body:not(.wp-admin) .go-v31-theme-toggle .go-shell-dark-toggle-icon-sun,
html body:not(.wp-admin) .go-v27-theme-toggle .go-shell-dark-toggle-icon-sun {
  right: 8px !important;
  left: auto !important;
}

html body:not(.wp-admin) .go-v31-theme-toggle .go-shell-dark-toggle-icon-moon,
html body:not(.wp-admin) .go-v27-theme-toggle .go-shell-dark-toggle-icon-moon {
  left: 8px !important;
  right: auto !important;
}

/* ---------- Dates and card metadata should never clip ---------- */
html body:not(.wp-admin) :is(.go-ds-card-meta, .go-ds-latest-strip-grid span, .go-home-meta, .go-home-story-meta, .go-news-archive-meta, .go-news-category-card-topline, .go-ca-hero-feature-time, .go-ca-card-meta, .go-pf-card-meta, .go-article__side-story-meta) {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  line-height: 1.35 !important;
  min-height: 1.35em !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

/* Category labels on DS cards should be pure text, no pill/shadow. */
html body:not(.wp-admin) :is(.go-ds-card-cat, .go-ds-hero-cat) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

@media (max-width: 780px) {
  html body.home:not(.wp-admin) .go-ds-hero::before,
  html body.home:not(.wp-admin) .go-ds-bottom-layout::before,
  html body:not(.wp-admin):not(.single) :is(.go-ca-hero, .go-gh-hero, .go-cp-hero, .go-pf-hero-band, .go-news-archive-intro)::before {
    top: -14px !important;
    bottom: -14px !important;
  }

  html body.single:not(.single-review):not(.wp-admin) .go-article {
    --go-v43-single-rail: min(100%, calc(100vw - 24px));
  }
}