/* =========================================================================
   CricHD — CLASSIC schedule theme (light). Loaded last; overrides Dark hub.
   ========================================================================= */

/* force a light/classic palette regardless of saved data-theme */
:root, html[data-theme="dark"]{
  --bg:#f3ead5; --card:#ffffff; --card-2:#faf6ec; --text:#222; --muted:#666;
  --border:#e5d9c0; --brand:#caa14e; --brand-dark:#a8843a; --brand-light:#f7efda;
  --accent:#c0241c;
}
html, body{ background:#f3ead5 !important; color:#222 !important; }

/* ---- dark logo bar with gold underline ---- */
.site-header{ background:#141414 !important; box-shadow:none !important; border-bottom:3px solid #caa14e !important; }
.site-header a, .site-header .site-title, .site-header span{ color:#fff; }

/* ---- category nav -> tan/white rounded button bar ---- */
.primary-menu{ gap:6px !important; flex-wrap:wrap !important; }
.primary-menu a{
  background:#fbf4e3 !important; color:#3a2f15 !important; border:1px solid #d9c79b;
  border-radius:6px; padding:6px 11px !important; font-size:12px !important; font-weight:600; line-height:1;
}
.primary-menu a:hover{ background:#fff !important; }
.primary-menu a.active{ background:#caa14e !important; color:#fff !important; border-color:#caa14e; }
.primary-menu a.active::after, .primary-menu a:hover::after{ display:none !important; }

/* ---- cards / sidebars ---- */
.side-card, .main-card{ background:#fff !important; border:1px solid #e5d9c0 !important; box-shadow:0 1px 2px rgba(0,0,0,.06) !important; }
.side-card-title{ background:#141414; color:#e8b94a; margin:-14px -12px 12px !important; padding:9px 12px !important; border-radius:10px 10px 0 0; font-size:13px; letter-spacing:.02em; }
.left-column .side-card-title::before{ content:"\f073"; font-family:FontAwesome; margin-right:7px; }

/* classic shows Live Support on the right instead of Top teams */
.top-teams{ display:none !important; }

/* ---- schedule table ---- */
.sched-toolbar{ display:flex; align-items:center; justify-content:space-between; margin:0 0 10px; }
.sched-tz{ font-size:12px; color:#7a6a45; }
.sched-livecount{ background:#c0241c; color:#fff; font-size:11px; font-weight:700; padding:3px 9px; border-radius:12px; }
.sched-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:8px; }
.sched-table{ width:100%; border-collapse:collapse; font-size:13px; }
.sched-table thead th{ background:#e8d6ad; color:#5a4a22; text-align:left; padding:8px 10px; font-size:12px; white-space:nowrap; }
.sched-table thead th.th-idx{ text-align:center; width:34px; }
.sched-table tbody td{ padding:9px 10px; border-bottom:1px solid #efe6d2; vertical-align:middle; }
.sched-row:nth-child(even) td{ background:#faf6ec; }
.sched-row.is-live td{ background:#fff4f3; }
.sched-row:hover td{ background:#fdf3df; }
.c-idx{ text-align:center; color:#999; }
.rdot{ display:inline-block; width:9px; height:9px; border-radius:50%; background:#e0202e; box-shadow:0 0 0 3px rgba(224,32,46,.18); }
.c-time time{ color:#444; white-space:nowrap; font-variant-numeric:tabular-nums; }
.live-pill{ background:#e0202e; color:#fff; font-size:10px; font-weight:700; padding:2px 7px; border-radius:3px; }
.c-comp{ color:#777; font-size:12px; white-space:nowrap; }
.c-title a{ color:#16243a; font-weight:700; text-decoration:none; }
.c-title a:hover{ color:#a8843a; }
.t-vs{ color:#aaa; font-weight:500; font-size:12px; }
.c-live{ text-align:center; }
.watch-btn{ display:inline-flex; align-items:center; gap:5px; background:#c0241c; color:#fff !important; font-size:12px; font-weight:700; padding:6px 14px; border-radius:5px; text-decoration:none; white-space:nowrap; }
.watch-btn:hover{ background:#9e1d16; }
.c-sts{ text-align:center; color:#9a9a9a; }

/* ---- Live Support panel ---- */
.live-support{ padding:0 !important; overflow:hidden; }
.ls-head{ background:#141414; color:#fff; font-size:13px; font-weight:700; padding:9px 12px; display:flex; align-items:center; gap:7px; }
.ls-dot{ width:8px; height:8px; border-radius:50%; background:#36d399; box-shadow:0 0 0 3px rgba(54,211,153,.25); }
.ls-embed{ padding:8px; min-height:120px; }
.ls-embed iframe, .ls-embed > *{ width:100% !important; }

/* ---- responsive: table becomes stacked cards on phones ---- */

/* ================= classic refinements (fix pass) ================= */
/* category nav -> full-width centered tan strip below the logo */
.header-inner{ display:flex !important; flex-wrap:wrap !important; align-items:center; row-gap:8px; }
.primary-menu{ flex-basis:100% !important; width:100% !important; justify-content:center !important; background:#f3e7cf !important; border-radius:8px; padding:8px 10px !important; margin-top:8px !important; }
.primary-menu a{ background:#fff !important; }
.primary-menu a.active{ background:#caa14e !important; color:#fff !important; }

/* H1 dark & solid (kill faded gradient) */
.home-h1, .home-h1 *, .main-card h1, .page-heading h1{
  color:#16243a !important; -webkit-text-fill-color:#16243a !important;
  background:none !important; background-image:none !important; opacity:1 !important;
}
.home-h1{ font-size:18px !important; margin:4px 0 12px !important; font-weight:800; }

/* readable channel sidebar */
.tv-channels a, .left-column a{ color:#15397a !important; opacity:1 !important; font-weight:600; }
.tv-channels img, .left-column .circle-logo img, .left-column img{ opacity:1 !important; filter:none !important; }
.left-column .side-card-title{ color:#e8b94a !important; }

/* table: let competition wrap, give title room, keep date on one line */
.c-comp{ white-space:normal !important; font-size:11px; max-width:160px; }
.c-title{ min-width:150px; }
.c-title a{ white-space:normal; }
.c-date{ white-space:nowrap; }
.sched-table tbody td{ padding:8px 9px; }

/* ================= FIX PASS 2 ================= */
/* wider layout (full-page feel) so titles fit on one line */
.container{ max-width:1560px !important; }
.c-title a{ white-space:nowrap !important; }
.c-title{ min-width:200px; }
.c-comp{ white-space:nowrap !important; max-width:none; }

/* kill faded (dark-theme) headings across main content + event page */
.main-card h1,.main-card h2,.main-card h3,
.home-h1,.page-heading h1,
.event-seo h1,.event-seo h2,.event-seo h3,
.event-header-text,.event-league-name,
.banner-team-name,.related-title,.faq-item summary,
.related-events h2,.related-events h3{
  color:#16243a !important; -webkit-text-fill-color:#16243a !important;
  background:none !important; background-image:none !important; opacity:1 !important;
}

/* ---- event detail page -> classic light skin ---- */
.event-time-row, .event-time-row .fa{ color:#7a6a45 !important; }
.event-banner, .event-banner.is-live{ background:#fff !important; border:1px solid #e5d9c0 !important; color:#16243a !important; }
.badge-live-lg{ background:#dc2626 !important; color:#fff !important; }
.channel-table-wrap{ background:#fff !important; border:1px solid #e5d9c0 !important; }
.channel-table th{ background:#e8d6ad !important; color:#5a4a22 !important; }
.channel-table td{ color:#222 !important; border-color:#efe6d2 !important; }
.channel-table tbody tr:hover td{ background:#fdf3df !important; }
.event-seo, .event-seo p, .event-seo li{ color:#333 !important; }
.event-faq .faq-item, .faq-item{ background:#fff !important; border:1px solid #e5d9c0 !important; }
.faq-item p{ color:#444 !important; }
.related-list a, .related-events .related-title{ background:#fff !important; color:#16243a !important; border:1px solid #e5d9c0 !important; }
.related-meta{ color:#777 !important; }

/* ---- Live Support bigger ---- */
.ls-embed{ min-height:500px !important; }

/* ---- mobile polish ---- */

/* ================= FIX PASS 3: remaining dark blocks ================= */
/* Tournaments chips (category pages) -> classic light card */
.cat-leagues{ background:#fff !important; border:1px solid #e5d9c0 !important; }
.cat-leagues-label{ color:#5a4a22 !important; }
.cat-league-chip{ background:#fbf4e3 !important; color:#3a2f15 !important; border:1px solid #d9c79b !important; }
.cat-league-chip:hover{ background:#fff !important; }
.cat-league-chip i, .cat-league-chip .fa{ color:#caa14e !important; }

/* video / watch page -> classic shell, red tabs, black video frame kept */
.player-shell{ background:#fff !important; border:1px solid #e5d9c0 !important; color:#222 !important; }
.player-tab{ background:#c0241c !important; color:#fff !important; }
.player-tab:hover{ background:#9e1d16 !important; }
.player-tab.is-active{ background:#7c1812 !important; }
.player-hint{ color:#7a6a45 !important; }
.player-frame-wrap{ background:#000 !important; }

/* any leftover dark league-card blocks -> light */
.league-card{ background:#fff !important; border:1px solid #e5d9c0 !important; }
.league-card-head{ background:#141414 !important; }
.league-head-name{ color:#e8b94a !important; }

/* ================= FIX PASS 4: readable body copy on content pages ================= */
.main-card p, .main-card li, .main-card h4, .main-card h5{ color:#333 !important; }
.main-card h1, .main-card h2, .main-card h3{ color:#16243a !important; -webkit-text-fill-color:#16243a !important; background:none !important; }
.main-card strong, .main-card b{ color:#16243a !important; }
.main-card ul, .main-card ol{ color:#333 !important; }
/* protect components from the rules above */
.main-card .watch-btn, .main-card .watch-btn *{ color:#fff !important; }
.main-card .badge-live, .main-card .badge-live-lg, .main-card .live-pill{ color:#fff !important; }
.main-card .c-title a, .main-card .related-title{ color:#16243a !important; }
.main-card .c-comp{ color:#777 !important; }

/* ================= FIX PASS 5: proper mobile optimisation ================= */

/* ================= MOBILE (authoritative) — compact: Time · Title · Watch ================= */
@media (max-width:760px){
  .container{ max-width:100% !important; padding:0 10px !important; }
  .layout-grid{ display:flex !important; flex-direction:column !important; gap:14px !important; }
  .main-card{ order:1 !important; padding:10px !important; }
  .left-column{ order:2 !important; }
  .right-column{ order:3 !important; }

  /* category nav scrolls sideways */
  .primary-menu{ flex-wrap:nowrap !important; overflow-x:auto !important; justify-content:flex-start !important; -webkit-overflow-scrolling:touch; padding:7px 8px !important; }
  .primary-menu a{ flex:0 0 auto !important; }
  .cat-leagues{ flex-wrap:nowrap !important; overflow-x:auto !important; }

  .sched-toolbar{ margin-bottom:8px !important; }
  .sched-wrap{ overflow:visible !important; }
  .sched-table, .sched-table tbody{ display:block !important; width:100% !important; }
  .sched-table thead{ display:none !important; }

  /* one compact card per match: [time] [title .....] [watch] */
  .sched-row{ display:grid !important; grid-template-columns:auto 1fr auto !important;
    grid-template-areas:"time title watch" !important; align-items:center !important;
    column-gap:10px !important; row-gap:2px !important;
    width:100% !important; box-sizing:border-box !important;
    border:1px solid #e5d9c0 !important; border-radius:10px !important;
    margin:0 0 9px !important; padding:10px 12px !important; background:#fff !important; }
  .sched-row.is-live{ border-color:#eaa9a4 !important; background:#fff5f5 !important; }

  .sched-row > td{ display:none !important; padding:0 !important; border:0 !important; background:transparent !important; }
  .sched-row > td::before{ content:none !important; display:none !important; }

  .sched-row > .c-time{ display:block !important; grid-area:time !important; font-size:12px !important; font-weight:700 !important; color:#7a6a45 !important; white-space:nowrap !important; }
  .sched-row.is-live > .c-time{ color:#e0202e !important; }
  .sched-row > .c-time .live-pill{ font-size:10px !important; padding:2px 6px !important; }

  .sched-row > .c-title{ display:block !important; grid-area:title !important; }
  .sched-row > .c-title a{ display:block !important; font-size:14px !important; line-height:1.25 !important; font-weight:700 !important; color:#16243a !important; white-space:normal !important; text-align:left !important; }
  .sched-row > .c-title .t-vs{ font-size:11px !important; color:#999 !important; }

  .sched-row > .c-live{ display:block !important; grid-area:watch !important; }
  .sched-row > .c-live .watch-btn{ padding:8px 13px !important; font-size:12px !important; white-space:nowrap !important; }
}

/* ================= MOBILE: event detail page fits the screen ================= */
@media (max-width:760px){
  /* never let anything force horizontal scroll */
  .main-card, .event-seo, .event-banner, .channel-table-wrap, .related-events{ max-width:100% !important; }
  .main-card{ overflow-x:hidden !important; }
  .event-seo h1,.event-seo h2,.event-seo h3{ word-break:break-word; }

  /* hero: stack team / live / team vertically */
  .event-banner{ flex-direction:column !important; gap:8px !important; text-align:center !important; padding:12px !important; }
  .banner-team, .banner-team-left, .banner-team-right{ justify-content:center !important; width:100% !important; }
  .banner-center{ order:0 !important; }
  .event-header{ flex-wrap:wrap !important; }

  /* channel table: show Channel + Watch only, hide the rest so it fits */
  .channel-table-wrap{ overflow-x:hidden !important; }
  .channel-table{ width:100% !important; min-width:0 !important; }
  .channel-table .col-mobile, .channel-table th.col-mobile,
  .channel-table .col-ads,    .channel-table th.col-ads,
  .channel-table .col-lang,   .channel-table th.col-lang{ display:none !important; }
  .channel-table th, .channel-table td{ padding:10px 8px !important; }
  .channel-table .watch-btn{ white-space:nowrap !important; padding:7px 14px !important; }

  /* "more live streams" list: stack title + time, no overflow */
  .related-list li{ flex-wrap:wrap !important; }
  .related-title{ flex:1 1 100% !important; }
  .related-meta{ flex:0 0 auto !important; }
}

/* ================= remove Live Support; extend main content ================= */
.right-column{ display:none !important; }
.layout-grid{ grid-template-columns:220px 1fr !important; }
@media (max-width:992px){ .layout-grid{ grid-template-columns:200px 1fr !important; } }

/* ================= replace chat with Top teams panel (classic) ================= */
.right-column{ display:block !important; }
.top-teams{ display:block !important; }
.layout-grid{ grid-template-columns:220px 1fr 220px !important; }
.right-column .side-card-title{ color:#e8b94a !important; }
.top-teams a, .right-column a{ color:#15397a !important; font-weight:600; }
.right-column img, .right-column .circle-logo img{ opacity:1 !important; filter:none !important; object-fit:contain; }
/* keep right column desktop-only so mobile stays clean */
@media (max-width:992px){ .layout-grid{ grid-template-columns:200px 1fr !important; } .right-column{ display:none !important; } }
@media (max-width:760px){ .right-column{ display:none !important; } }

/* ================= "More live streams" related list — clean rows ================= */
.related-list{ list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column; gap:8px; }
.related-list li{ display:flex !important; align-items:center; justify-content:space-between; gap:12px; background:#fff !important; border:1px solid #e5d9c0 !important; border-radius:8px !important; padding:11px 14px !important; }
.related-list li:hover{ background:#fdf3df !important; }
.related-list a, .related-list .related-title{ background:none !important; border:none !important; padding:0 !important; margin:0 !important; color:#16243a !important; font-weight:600 !important; text-decoration:none !important; flex:1 1 auto; }
.related-list .related-title:hover{ color:#a8843a !important; }
.related-meta{ color:#777 !important; font-size:12px !important; white-space:nowrap; flex:0 0 auto; }
.related-list .badge-live{ background:#e0202e !important; color:#fff !important; font-size:10px !important; font-weight:700 !important; padding:3px 8px !important; border-radius:4px !important; opacity:1 !important; }
@media (max-width:760px){
  .related-list li{ flex-wrap:wrap; }
  .related-meta{ width:100% !important; }
}

/* ================= mobile date switcher (Today / Tomorrow / next day) ================= */
.date-switch{ display:none; }
.date-empty{ display:none; }
@media (max-width:760px){
  .date-switch{ display:flex !important; gap:8px; margin:0 0 12px; }
  .date-switch .date-tab{ flex:1 1 0; text-align:center; padding:10px 6px; border-radius:8px; border:1px solid #e0d3b3; background:#f3ead3; color:#16243a; font-weight:600; font-size:13px; line-height:1.15; cursor:pointer; -webkit-appearance:none; }
  .date-switch .date-tab.active{ background:#141414 !important; color:#e8b94a !important; border-color:#141414 !important; }
  .date-empty{ display:block !important; text-align:center; color:#7a6f56; padding:18px 0; font-size:14px; }
  .date-empty[hidden]{ display:none !important; }
}

/* ================= schedule day-group section headers ================= */
.sched-table .sched-group td{ background:#141414; color:#e8b94a; font-weight:700; font-size:13.5px; letter-spacing:.03em; text-transform:uppercase; padding:10px 14px; border-left:4px solid #c0241c; }
.sched-table .sched-group .sched-group-count{ display:inline-block; margin-left:8px; min-width:18px; text-align:center; background:#c0241c; color:#fff; font-size:11px; font-weight:700; padding:1px 7px; border-radius:10px; vertical-align:middle; }
.sched-table .sched-group .rdot{ vertical-align:middle; margin-right:3px; }
@media (max-width:760px){
  .sched-table .sched-group{ display:block !important; }
  .sched-table .sched-group td{ display:block !important; width:100% !important; font-size:13px; padding:9px 12px; }
}

/* ================= classic footer (match dark header) ================= */
.site-footer{ background:#141414 !important; color:#e7e3d8 !important; border-top:3px solid #e8b94a !important; padding:20px 0 !important; margin-top:32px !important; }
.site-footer a{ color:#e7e3d8 !important; }
.site-footer .footer-links a{ color:#e7e3d8 !important; }
.site-footer .footer-links a:hover{ color:#e8b94a !important; opacity:1 !important; }
.site-footer .footer-copy{ color:#b8b2a4 !important; }
.site-footer .footer-home a{ color:#e8b94a !important; font-weight:600; }