/* style */
.thisai-look-switch { display: flex; justify-content: center; margin: 22px 0 8px; }
.thisai-look-btn {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 56px; padding: 8px 26px; border-radius: 14px; text-decoration: none !important;
  font-weight: 700; font-size: 17px; line-height: 1.25; text-align: center;
}
.thisai-look-btn span[lang="ta"] { font-size: 13px; font-weight: 600; opacity: .85; }
.thisai-look-old { background: #fff; color: #17121A !important; border: 2px solid #17121A; }
.thisai-look-old:hover { background: #17121A; color: #fff !important; }
.thisai-look-bar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
  margin: 8px 0 18px; padding: 12px 16px; border-radius: 16px; background: #FFF1EB; border: 1px solid #FFD2C2;
}
.thisai-look-bar-text { display: flex; flex-direction: column; font-weight: 700; font-size: 17px; color: #17121A; }
.thisai-look-bar-text span[lang="ta"] { font-size: 13px; font-weight: 600; opacity: .8; }
.thisai-look-new { background: var(--thisai-accent, #FF6B3D); color: #fff !important; }
@media (max-width: 689px) {
  .thisai-look-switch .thisai-look-btn, .thisai-look-new { width: 100%; }
}
/* thisai-home-promos-css */
/* Order on page 1: day tabs → promos → slider → the rest (8565 puts the slider at order 1, the rest at 2) */
  body.home:has(.thisai-days) .entry-content > .thisai-home-promos { order: 1; }
  body.home:has(.thisai-days) .entry-content > #tv-hero-slider { order: 2 !important; }
  .thisai-home-promos { margin-top: 44px !important; }
  .thisai-home-promos-head { display: flex; flex-direction: column; gap: 4px; margin-bottom: 18px; }
  .thisai-home-promos-head h2 { margin: 0 !important; font: 700 26px/1.15 'Space Grotesk', system-ui, sans-serif !important; color: #141418; }
  .thisai-home-promos-head h2 span { margin-left: 8px; font: 700 16px/1 system-ui, sans-serif; color: #6b6875; }
  .thisai-home-promos-sub { font: 500 15px/1.4 'Plus Jakarta Sans', system-ui, sans-serif; color: #6b6875; }
  .thisai-promo-card .thisai-row-thumb { position: relative; }
  .thisai-promo-card .thisai-row-thumb::after {
    content: "PROMO"; position: absolute; left: 8px; top: 8px; z-index: 2;
    padding: 4px 8px; border-radius: 6px; background: #141418; color: #fff;
    font: 800 11px/1 'Plus Jakarta Sans', system-ui, sans-serif; letter-spacing: .06em;
  }
  .thisai-promo-card .thisai-day-date { font-weight: 600; color: #3d3a45; }
  a.thisai-promo-more {
    display: flex; flex-direction: column; gap: 10px; color: #141418 !important; text-decoration: none !important;
  }
  .thisai-promo-more-art {
    position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 3px;
    aspect-ratio: 1; overflow: hidden; border-radius: 16px; background: #141418;
    box-shadow: 0 10px 26px rgba(20,20,24,.22);
  }
  .thisai-promo-more-art img, .thisai-promo-more-art i { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0 !important; }
  .thisai-promo-more-art i { background: #2a2730; }
  .thisai-promo-more-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(20,20,24,.35), rgba(20,20,24,.82)); }
  .thisai-promo-more-arrow {
    position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%);
    display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%;
    background: var(--thisai-accent, #FF6B3D); color: #0B0B0E; box-shadow: 0 8px 22px rgba(0,0,0,.35);
    transition: transform .2s ease;
  }
  .thisai-promo-more-arrow svg { width: 32px; height: 32px; fill: currentColor; }
  .thisai-promo-more-text { display: flex; flex-direction: column; gap: 2px; }
  .thisai-promo-more-en { font: 800 18px/1.2 'Plus Jakarta Sans', system-ui, sans-serif; }
  .thisai-promo-more-ta { font: 700 13px/1.3 system-ui, sans-serif; color: #6b6875; }
  .thisai-promo-more-n { font: 600 13px/1.3 'Plus Jakarta Sans', system-ui, sans-serif; color: #6b6875; }
  @media (hover: hover) { a.thisai-promo-more:hover .thisai-promo-more-arrow { transform: translate(-50%, -50%) scale(1.08); } }
  a.thisai-promo-more:focus-visible { outline: 3px solid var(--thisai-accent, #FF6B3D); outline-offset: 4px; border-radius: 16px; }
  /* Computers and tablets: built like a promo card (label row, 16:9 picture, title), so it lines up with them */
  .thisai-promo-more-pill {
    align-self: flex-start; margin: 6px 0 2px; padding: 3px 9px; border-radius: 999px;
    background: #141418; color: #fff; font: 800 11px/1.3 'Plus Jakarta Sans', system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase;
  }
  @media (min-width: 690px) {
    html body .thisai-day-grid > a.thisai-promo-more { gap: 0; }
    .thisai-promo-more-art { aspect-ratio: 16 / 9; border-radius: 12px; box-shadow: 0 6px 18px rgba(20,20,24,.18); }
    .thisai-promo-more-arrow { width: 56px; height: 56px; }
    .thisai-promo-more-arrow svg { width: 28px; height: 28px; }
    .thisai-promo-more-text { margin-top: 8px; gap: 3px; }
    .thisai-promo-more-en { font-size: 16px; }
    a.thisai-promo-more:hover .thisai-promo-more-en { color: var(--thisai-accent-ink, #B8431C); }
  }
  @media (max-width: 689.98px) {
    /* Phones: a row like the promo rows above it, square mosaic on the left */
    html body .thisai-day-grid > a.thisai-promo-more {
      display: grid; grid-template-columns: clamp(118px, 34vw, 150px) minmax(0, 1fr); align-items: center; column-gap: 14px;
      padding: 8px 12px 8px 8px; border-radius: 14px; background: #141418; color: #fff !important;
    }
    .thisai-promo-more-pill { display: none; }
    .thisai-promo-more-art { width: clamp(96px, 26vw, 120px); border-radius: 10px; box-shadow: none; }
    .thisai-promo-more-arrow { width: 46px; height: 46px; }
    .thisai-promo-more-arrow svg { width: 24px; height: 24px; }
    .thisai-promo-more-en { font-size: 18px; color: #fff; }
    .thisai-promo-more-ta, .thisai-promo-more-n { color: rgba(255,255,255,.75); }
  }
  @media (prefers-reduced-motion: reduce) { .thisai-promo-more-arrow { transition: none; } }
  html.thisai-big .thisai-home-promos-head h2 { font-size: 30px !important; }
  html.thisai-big .thisai-home-promos-sub { font-size: 17px; }
/* thisai-days-css */
/* The tabs replace the grid, its pagination and the channel rows on page 1 */
body.home:has(.thisai-days) .modern-cards .ct-query-template-grid,
body.home:has(.thisai-days) .ct-pagination,
body.home:has(.thisai-days) .thisai-rows { display: none !important; }

.thisai-days { margin-top: 8px !important; margin-bottom: 8px !important; }
.thisai-days-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  margin-bottom: 22px;
  padding: 2px 0 6px;
  scrollbar-width: none;
}
.thisai-days-tabs::-webkit-scrollbar { display: none; }
button.thisai-days-tab {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid rgba(20,20,24,.12);
  border-radius: 999px;
  background: #fff;
  color: #141418;
  font: 700 15px/1 'Plus Jakarta Sans', system-ui, sans-serif;
  cursor: pointer;
  box-shadow: none;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.thisai-days-text { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; text-align: left; }
.thisai-days-label { font-size: 17px; line-height: 1.1; }
.thisai-days-date { font-weight: 500; font-size: 12px; line-height: 1; color: #6b6875; }
.thisai-days-count {
  min-width: 24px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255,107,61,.14);
  color: #B8431C;
  font-size: 12px;
  text-align: center;
}
button.thisai-days-tab[aria-selected="true"] { background: #141418; border-color: #141418; color: #fff; }
button.thisai-days-tab[aria-selected="true"] .thisai-days-date { color: rgba(255,255,255,.7); }
button.thisai-days-tab[aria-selected="true"] .thisai-days-count { background: var(--thisai-accent, #FF6B3D); color: #0B0B0E; }
button.thisai-days-tab:focus-visible { outline: 2px solid var(--thisai-accent, #FF6B3D); outline-offset: 2px; }
@media (hover: hover) {
  button.thisai-days-tab[aria-selected="false"]:hover { border-color: var(--thisai-accent, #FF6B3D); }
}
.thisai-day-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 20px;
}
@media (max-width: 999.98px) { .thisai-day-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 689.98px) { .thisai-day-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; } }
.thisai-day-grid .thisai-row-title { font-size: 15px; }
.thisai-day-grid .thisai-row-date { font-size: 13px; }
.thisai-day-date { display: block; margin-top: 3px; font: 700 13px/1.2 'Plus Jakarta Sans', system-ui, sans-serif; color: #141418; font-variant-numeric: tabular-nums; }
.thisai-day[hidden] { display: none; }
.thisai-days-n {
  margin-left: 6px;
  font: 600 14px/1 'Plus Jakarta Sans', system-ui, sans-serif;
  color: #6b6875;
  vertical-align: middle;
}
a.thisai-days-older {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 72px;
  margin-top: 36px;
  padding: 0 24px;
  border: 0;
  border-radius: 16px;
  background: var(--thisai-accent, #FF6B3D);
  color: #0B0B0E !important;
  font: 800 19px/1.2 'Plus Jakarta Sans', system-ui, sans-serif;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(255,107,61,.35);
  transition: filter .15s ease, transform .15s ease;
}
.thisai-older-en { font-size: 20px; line-height: 1.2; }
.thisai-older-ta { font-size: 14px; font-weight: 700; line-height: 1.2; opacity: .85; }
a.thisai-days-older:focus-visible { outline: 3px solid #141418; outline-offset: 3px; }
@media (hover: hover) { a.thisai-days-older:hover { filter: brightness(1.05); transform: translateY(-2px); } }
@media (prefers-reduced-motion: reduce) { button.thisai-days-tab, a.thisai-days-older { transition: none; } }

/* ---------- Episodes first (all screen sizes) ----------
   Order inside the page content: (Recently viewed / My Shows) → slim Bigg Boss strip → chips → day tabs → promo slider → rest.
   Uses flex order only, so nothing is removed from the page. */
body.home:has(.thisai-days) .entry-content { display: flex; flex-direction: column; }
  body.home:has(.thisai-days) .entry-content > * { width: 100%; }
  body.home:has(.thisai-days) .entry-content > .thisai-days ~ * { order: 2; }
  body.home:has(.thisai-days) .entry-content > #tv-hero-slider { order: 1; margin-top: 28px !important; margin-bottom: 8px !important; }

  /* Bigg Boss card as a one-line strip */
  body.home .bb-promo-card { margin: 4px auto 14px !important; border-radius: 14px; }
  body.home .bb-promo-card-inner {
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 10px 10px 14px !important;
    border-radius: 12px !important;
  }
  body.home .bb-promo-card-inner > div:first-child { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
  body.home .bb-promo-live-dot { align-self: flex-start; margin: 0 !important; padding: 3px 8px !important; font-size: 10px !important; }
  body.home .bb-promo-title { margin: 0 !important; font-size: 17px !important; line-height: 1.15 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body.home .bb-promo-sub { display: none !important; }
  body.home .bb-promo-cta {
    width: auto !important;
    flex: none;
    margin: 0 !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    border-radius: 10px !important;
    white-space: nowrap;
  }
@media (min-width: 768px) {
  body.home .bb-promo-card-inner { padding: 14px 16px 14px 22px !important; }
  body.home .bb-promo-card-inner > div:first-child { flex-direction: row; align-items: center; gap: 14px; }
  body.home .bb-promo-title { font-size: 20px !important; }
  body.home .bb-promo-sub { display: block !important; flex: 1 1 auto; min-width: 0; font-size: 14px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
/* style */
#thisaitv-live-bar,
      html body :is(div, section, aside):has(> #thisaitv-live-bar-dismiss) {
        display: none !important;
      }

      /* New slim WhatsApp channel bar */
      .thisai-topbar {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 52px;
        background: #0B0B0E;
        color: #F5F3EF;
        font: 600 13px/1.3 'Plus Jakarta Sans', system-ui, sans-serif;
        text-align: center;
      }
      a.thisai-topbar-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 40px;
        color: #F5F3EF !important;
        text-decoration: none !important;
      }
      .thisai-topbar-dot {
        flex: none;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #25D366;
        box-shadow: 0 0 0 3px rgba(37,211,102,.25);
      }
      .thisai-topbar-cta {
        color: #25D366;
        font-weight: 700;
        white-space: nowrap;
      }
      button.thisai-topbar-close {
        position: absolute;
        top: 50%;
        right: 4px;
        transform: translateY(-50%);
        width: 44px;
        height: 40px;
        padding: 0;
        border: 0;
        background: none;
        color: #B5B1AA;
        font: 400 22px/1 system-ui, sans-serif;
        cursor: pointer;
      }
      @media (hover: hover) {
        a.thisai-topbar-link:hover .thisai-topbar-cta { text-decoration: underline; }
        button.thisai-topbar-close:hover { color: #FFFFFF; }
      }
/* style */
.thisai-rows {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 48px !important;
        margin-bottom: 8px !important;
      }
      .thisai-row-head {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 14px;
      }
      .thisai-row-heading {
        margin: 0 !important;
        font: 700 22px/1.2 'Space Grotesk', system-ui, sans-serif !important;
        letter-spacing: -.01em;
        color: #141418 !important;
      }
      a.thisai-row-all {
        flex: none;
        font: 600 14px/1 'Plus Jakarta Sans', system-ui, sans-serif;
        color: #B8431C !important;
        text-decoration: none !important;
      }
      .thisai-row-track {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 240px;
        gap: 18px;
        overflow-x: auto;
        padding-bottom: 8px;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
      }
      a.thisai-row-card {
        display: flex;
        flex-direction: column;
        scroll-snap-align: start;
        color: inherit;
        text-decoration: none !important;
        transition: transform .2s ease;
      }
      .thisai-row-thumb {
        display: block;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        border-radius: 12px;
        background: #e7e5e0;
        box-shadow: 0 1px 3px rgba(0,0,0,.08);
      }
      .thisai-row-thumb img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        margin: 0 !important;
      }
      .thisai-row-title {
        margin-top: 8px;
        font: 600 14px/1.35 'Plus Jakarta Sans', system-ui, sans-serif;
        color: #141418;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      .thisai-row-date {
        margin-top: 4px;
        font: 500 12px/1.2 'Plus Jakarta Sans', system-ui, sans-serif;
        color: #6b6875;
      }
      @media (hover: hover) {
        a.thisai-row-card:hover { transform: translateY(-3px); }
      }
      @media (max-width: 689.98px) {
        .thisai-row-track { grid-auto-columns: 170px; gap: 12px; }
        .thisai-row-heading { font-size: 19px !important; }
      }
/* style */
body .modern-cards article.wp-block-post.thisai-is-new:not(.category-promo)::before {
        content: "New";
        position: absolute;
        top: 12px;
        left: 12px;
        z-index: 4;
        padding: 6px 12px;
        border-radius: 999px;
        background: #FFFFFF;
        color: #0B0B0E;
        font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
        line-height: 1;
        box-shadow: 0 2px 10px rgba(0,0,0,.3);
        pointer-events: none;
      }
      @media (max-width: 689.98px) {
        body .modern-cards article.wp-block-post.thisai-is-new:not(.category-promo)::before {
          top: 8px;
          left: 8px;
          padding: 5px 10px;
          font-size: 10px;
        }
      }
/* style */
/* Chips */
      .thisai-chips {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding: 4px 0 8px;
        margin-top: 8px !important;
        margin-bottom: 20px !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
      }
      .thisai-chips::-webkit-scrollbar { display: none; }
      a.thisai-chip {
        flex: none;
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding: 0 18px;
        border: 1px solid rgba(20,20,24,.08);
        border-radius: 999px;
        background: #fff;
        color: #141418 !important;
        font: 600 14px/1 'Plus Jakarta Sans', system-ui, sans-serif;
        white-space: nowrap;
        text-decoration: none !important;
        transition: border-color .15s ease, color .15s ease;
      }
      a.thisai-chip.is-active {
        background: var(--thisai-accent, #FF6B3D);
        border-color: var(--thisai-accent, #FF6B3D);
        color: #0B0B0E !important;
      }
      a.thisai-chip--promo {
        background: #0B0B0E;
        border-color: #0B0B0E;
        color: #fff !important;
      }
      @media (hover: hover) {
        a.thisai-chip:not(.is-active):not(.thisai-chip--promo):hover {
          border-color: var(--thisai-accent, #FF6B3D);
          color: #B8431C !important;
        }
      }

      /* Channel label under each card's date */
      body .modern-cards article.wp-block-post[data-channel]::after {
        content: attr(data-channel);
        display: block;
        margin-top: 6px;
        padding: 0 2px;
        font: 700 11px/1 'Plus Jakarta Sans', system-ui, sans-serif;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #B8431C;
      }
/* style */
.thisai-wach {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-top: 40px !important;
        margin-bottom: 8px !important;
        padding: 22px 24px;
        background: #fff;
        border: 1px solid rgba(20,20,24,.08);
        border-radius: 18px;
        box-shadow: 0 1px 2px rgba(0,0,0,.04);
      }
      .thisai-wach-text {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
      }
      .thisai-wach-title {
        font: 700 18px/1.25 'Space Grotesk', system-ui, sans-serif;
        color: #141418;
      }
      .thisai-wach-sub {
        font: 500 14px/1.5 'Plus Jakarta Sans', system-ui, sans-serif;
        color: #6b6875;
      }
      a.thisai-wach-btn {
        flex: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 22px;
        border-radius: 999px;
        background: #25D366;
        color: #0B2E1A !important;
        font: 700 15px/1 'Plus Jakarta Sans', system-ui, sans-serif;
        text-decoration: none !important;
        box-shadow: 0 6px 18px rgba(37,211,102,.3);
      }
      @media (hover: hover) {
        a.thisai-wach-btn:hover { filter: brightness(1.05); }
      }
      @media (max-width: 599.98px) {
        .thisai-wach { flex-direction: column; align-items: stretch; }
      }