/* thisai-dark-css */
/* Toggle button, same shape as A+ */
button.thisai-darkbtn {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; height: 40px; margin: 0 6px 0 0; padding: 0 10px;
  border: 1.5px solid rgba(20,20,24,.2); border-radius: 10px;
  background: #fff; color: #141418; font-size: 19px; line-height: 1; cursor: pointer;
}
button.thisai-darkbtn:focus-visible { outline: 2px solid var(--thisai-accent, #FF6B3D); outline-offset: 2px; }
/* Desktop: its own cell in the two-line header grid of "Thisai header fit" (8807) */
@media (min-width: 1000px) {
  html body #header [data-device="desktop"] [data-row="middle"] > .ct-container {
    grid-template-columns: auto 1fr auto auto auto auto !important;
    grid-template-areas: "logo . search aplus dark cta" "nav nav nav nav nav nav" !important;
  }
  html body #header [data-device="desktop"] button.thisai-darkbtn { grid-area: dark; margin: 0 !important; }
}
/* Phones: a little narrower so logo, search, A+, moon and the menu button fit at 360 px */
@media (max-width: 999px) {
  html body #header [data-device="mobile"] button.thisai-darkbtn { min-width: 40px; padding: 0 8px; }
}

html.thisai-dark {
  color-scheme: dark;
  --dk-page: #121216;
  --dk-head: #17171c;
  --dk-card: #1d1d24;
  --dk-card-2: #26262f;
  --dk-line: #34343f;
  --dk-ink: #f2f1f5;
  --dk-text: #d4d2dc;
  --dk-muted: #a3a1ae;
  --theme-palette-color-3: #d4d2dc;
  --theme-palette-color-4: #f2f1f5;
  --theme-palette-color-5: #34343f;
  --theme-palette-color-6: #1d1d24;
  --theme-palette-color-7: #17171c;
  --theme-palette-color-8: #121216;
  --theme-text-color: #d4d2dc;
  --theme-headings-color: #f2f1f5;
  --theme-link-initial-color: #f2f1f5;
  --theme-border-color: #34343f;
  --theme-form-field-background-initial-color: #1d1d24;
  --theme-form-field-background-focus-color: #26262f;
  --theme-form-field-border-initial-color: #34343f;
  --theme-form-text-initial-color: #f2f1f5;
  --theme-form-text-focus-color: #f2f1f5;
  --t-ink: #f2f1f5;
  --t-muted: #a3a1ae;
  --t-line: #34343f;
  --t-soft: #1d1d24;
  --t-sh-1: 0 1px 2px rgba(0,0,0,.4);
  --t-sh-2: 0 2px 6px rgba(0,0,0,.45), 0 12px 28px rgba(0,0,0,.35);
}
html.thisai-dark body,
html.thisai-dark body #main-container,
html.thisai-dark body .site-main { background: var(--dk-page) !important; color: var(--dk-text); }

/* Header */
html.thisai-dark body #header [data-row="middle"],
html.thisai-dark body #header [data-row="bottom"],
html.thisai-dark body #header [data-row="middle"] > .ct-container,
html.thisai-dark body .ct-sticky-container [data-row] { background: var(--dk-head) !important; }
html.thisai-dark body #header [data-row="middle"] { border-bottom: 1px solid var(--dk-line) !important; }
html.thisai-dark body #header .ct-menu-link { color: var(--dk-ink) !important; }
html.thisai-dark body #header .ct-menu-link:hover { color: #ff8a63 !important; }
html.thisai-dark body #header .current-menu-item > .ct-menu-link { color: #ff8a63 !important; background: rgba(255,107,61,.16) !important; }
html.thisai-dark body #header .ct-toggle svg,
html.thisai-dark body #header .ct-header-trigger svg,
html.thisai-dark body #header .ct-header-search svg { fill: var(--dk-ink) !important; color: var(--dk-ink) !important; }
html.thisai-dark body #offcanvas .ct-panel-inner { background: var(--dk-head) !important; }
html.thisai-dark body #offcanvas .ct-menu-link { color: var(--dk-ink) !important; }
/* Logo: black THISAI letters turn white, the gold TV keeps its colour */
html.thisai-dark body :is(#header, #offcanvas) .site-logo-container img { filter: invert(1) hue-rotate(180deg) saturate(1.3); }

/* Header buttons: A+, search, moon */
html.thisai-dark body button.thisai-textsize,
html.thisai-dark body button.thisai-darkbtn,
html.thisai-dark body button.ct-header-search.ct-toggle {
  background: var(--dk-card) !important; color: var(--dk-ink) !important; border-color: var(--dk-line) !important;
}
html.thisai-dark body button.thisai-textsize[aria-pressed="true"] { background: var(--dk-ink) !important; color: #121216 !important; }
html.thisai-dark body #header [data-row="middle"] [data-id="search"] {
  background: var(--dk-card) !important; border-color: var(--dk-line) !important; color: var(--dk-ink) !important; --theme-icon-color: #f2f1f5;
}
html.thisai-dark body #header [data-row="middle"] [data-id="search"] svg { fill: var(--dk-ink) !important; }
html.thisai-dark body #header #menu-main-menu > .menu-item.current-menu-item > .ct-menu-link,
html.thisai-dark body #header #menu-main-menu-1 > .menu-item.current-menu-item > .ct-menu-link {
  background: rgba(255,107,61,.18) !important; color: #ff8a63 !important;
}
html.thisai-dark body #header [data-device="desktop"] nav#header-menu-1 { border-top-color: var(--dk-line) !important; }

/* Surfaces that were white or off-white */
html.thisai-dark body :is(
  a.thisai-chip, button.thisai-days-tab, aside.thisai-wach, a.thisai-wach-btn, section.ct-trending-block,
  div.hero-section, a.thisai-ex-wa, button.thisai-ex-report, button.thisai-follow, a.thisai-epnav-prev, a.thisai-epnav-next,
  div.seo-info-box, a.seo-pill-button, div.thisai-ep-thumb, button.tv-reaction-btn, span.tv-reaction-count,
  a.tbp-pill, a.page-numbers, span.page-numbers, span.thisai-show-promo-play, div.thisai-shows-search,
  button.ts-tab, li.ts-song, button.ts-hide, div.modern-cards, a.thisai-look-old, .thisai-ex-newest, a.thisai-show-promo,
  div.thisai-latest-episodes, .thisai-today, .entry-card, .thisai-myshows-hint, .ct-search-results, .thisai-ss-box
) {
  background-color: var(--dk-card) !important;
  border-color: var(--dk-line) !important;
  color: var(--dk-text);
}
html.thisai-dark body figure:not(.wp-block-image):not(.ct-media-container) { background-color: transparent !important; }
html.thisai-dark body :is(span.thisai-row-thumb, span.thisai-more-thumb, span.ts-thumb, .ct-media-container) { background-color: var(--dk-card-2) !important; }
html.thisai-dark body div.hero-section { background-color: var(--dk-head) !important; }
html.thisai-dark body .modern-cards article.wp-block-post,
html.thisai-dark body article.entry-card { background-color: transparent !important; }

/* Selected tab / chip stay strong */
html.thisai-dark body button.thisai-days-tab[aria-selected="true"],
html.thisai-dark body button.ts-tab[aria-selected="true"],
html.thisai-dark body a.thisai-chip.is-active,
html.thisai-dark body span.page-numbers.current {
  background-color: var(--dk-ink) !important; color: #121216 !important; border-color: var(--dk-ink) !important;
}
html.thisai-dark body button.thisai-days-tab[aria-selected="true"] *,
html.thisai-dark body a.thisai-chip.is-active * { color: #121216 !important; }

/* Text that was near-black */
html.thisai-dark body :is(
  h1, h2, h3, h4, h5, .page-title, .entry-title, .ct-post-title, .thisai-row-heading, .thisai-row-title, .thisai-more-title,
  .thisai-more-heading, .thisai-ep-title, .thisai-latest-title, .thisai-shows-heading, .ts-name, .tbp-heading,
  .thisai-days-label, .thisai-days-count, .thisai-wach-title, .thisai-ex-next-title, .thisai-epnav-title,
  .modern-cat-name, .thisai-chip, .thisai-wach-btn, .thisai-look-bar-text, .thisai-row-all, .thisai-more-all,
  .seo-pill-button, .tbp-pill, .page-numbers, .thisai-textsize, label, strong, b
) { color: var(--dk-ink) !important; }
html.thisai-dark body :is(
  p, li, .video-frame-caption, .seo-footer-note, .thisai-epnav-label, .thisai-show-latest, .ts-sub, small, time,
  .ct-meta-element-date, .thisai-ep-date, .thisai-more-date, .thisai-days-date, .thisai-day-date, .modern-cat-eyebrow,
  .seo-tag-pill, .logged-in-as, .thisai-myshows-hint, .entry-excerpt, .page-description
) { color: var(--dk-text) !important; }
html.thisai-dark body .thisai-row-date { color: var(--dk-text) !important; }
html.thisai-dark body .entry-content a:not([class]) { color: #ff8a63 !important; }

/* Coloured buttons keep white text */
html.thisai-dark body :is(a.thisai-days-older, a.thisai-ex-next, a.thisai-look-new, .thisai-ex-wa-green, a.thisai-watch-btn, .thisai-new-dot, .thisai-cw-next, .thisai-wd-badge) ,
html.thisai-dark body :is(a.thisai-days-older, a.thisai-ex-next, a.thisai-look-new) * { color: #fff !important; }

/* Channel tints: soft backgrounds become dark tints */
html.thisai-dark [data-ch]           { --ch-soft: #2a211e; }
html.thisai-dark [data-ch="sun"]     { --ch-soft: #2e2119; }
html.thisai-dark [data-ch="vijay"]   { --ch-soft: #2d1b23; }
html.thisai-dark [data-ch="zee"]     { --ch-soft: #221d33; }
html.thisai-dark [data-ch="weekend"] { --ch-soft: #15281f; }

html.thisai-dark body a.thisai-look-old, html.thisai-dark body a.thisai-look-old * { color: var(--dk-ink) !important; }
html.thisai-dark body a.thisai-ex-wa { background-color: #10291c !important; border-color: #1f6b43 !important; }
html.thisai-dark body a.thisai-ex-wa svg, html.thisai-dark body a.thisai-ex-wa img { filter: brightness(1.6); }
/* Old-look bar */
html.thisai-dark body .thisai-look-bar { background: #2a1d18 !important; border-color: #4a2c22 !important; }

/* Forms and search */
html.thisai-dark body :is(input, textarea, select) {
  background-color: var(--dk-card) !important; color: var(--dk-ink) !important; border-color: var(--dk-line) !important;
}
html.thisai-dark body ::placeholder { color: var(--dk-muted) !important; }
html.thisai-dark body #search-modal { background: rgba(10,10,14,.97) !important; }

/* Lines */
html.thisai-dark body :is(hr, .wp-block-separator) { border-color: var(--dk-line) !important; background: var(--dk-line) !important; }