/* =============================================
   DARK MODE OVERRIDES
   Triggered by: html[data-theme="dark"]
   Palette: same as login dark theme
   ============================================= */

/* --- Page background --- */
[data-theme="dark"] #content {
    background: #121212;
}
[data-theme="dark"] body {
    background: #121212;
}
[data-theme="dark"] .gs-grid-head {
    background: #1a1a1a;
    border-color: rgba(255,255,255,0.08);
    color: #aaa;
}

/* --- Match Head Slider --- */
[data-theme="dark"] .list-match-head {
    background: #121212;
}
[data-theme="dark"] .box-match-between {
    background: #1d1d1d;
}
[data-theme="dark"] .tour-match,
[data-theme="dark"] .percent-win {
    background: #2a2a2a;
}
[data-theme="dark"] .box-match-head:hover .tour-match,
[data-theme="dark"] .box-match-head:hover .percent-win {
    background: #333;
}
[data-theme="dark"] .name-tour span,
[data-theme="dark"] .percent-win span,
[data-theme="dark"] .time-match-head span,
[data-theme="dark"] .span-club-left,
[data-theme="dark"] .span-club-right {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .list-match-head .slick-prev:before,
[data-theme="dark"] .list-match-head .slick-next:before {
    color: #fff;
}

/* --- Sidebar Navigation --- */
[data-theme="dark"] .sidebar-navigation {
    background: #1d1d1d;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .sidebar-navigation .title {
    background-color: #151515;
    border-bottom-color: rgba(255, 255, 255, 0.08);
    color: #f5f5f5;
}
[data-theme="dark"] .sidebar-navigation ul li a {
    background: #151515;
    color: rgba(255, 255, 255, 0.86);
    border-left-color: #151515;
}
[data-theme="dark"] .sidebar-navigation ul li:hover > a {
    background: #1d1d1d;
    border-top-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .sidebar-navigation ul li.selected:not(:has(> ul)) > a,
[data-theme="dark"] .sidebar-navigation ul li ul li.selected > a {
    background: linear-gradient(90deg, #B54900 0%, #000000 100%) !important;
    border-left-color: #F86A0B !important;
    color: #fff !important;
}
[data-theme="dark"] .sidebar-navigation ul li ul li a {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .sidebar-navigation ul li ul li:hover > a,
[data-theme="dark"] .sidebar-navigation ul li ul li.selected > a {
    background-color: #252525;
}
[data-theme="dark"] .sidebar-navigation ul li ul li.selected.selected--last > a {
    background-color: #1d1d1d;
    border-top-color: rgba(255, 255, 255, 0.06);
    color: #f5f5f5;
}
[data-theme="dark"] .sidebar-navigation ul li > .country-row-with-toggle {
    background: #151515;
    border-left-color: #151515;
}
[data-theme="dark"] .sidebar-navigation ul li:hover > .country-row-with-toggle,
[data-theme="dark"] .sidebar-navigation ul li.selected > .country-row-with-toggle {
    background: #1d1d1d;
    border-top-color: rgba(255, 255, 255, 0.06);
    border-left-color: #F86A0B;
}
[data-theme="dark"] .sidebar-navigation ul li .country-parent-link,
[data-theme="dark"] .sidebar-navigation ul li:hover > .country-row-with-toggle .country-parent-link,
[data-theme="dark"] .sidebar-navigation ul li.selected > .country-row-with-toggle .country-parent-link {
    background: transparent;
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .sidebar-navigation ul li ul li > .country-league-row {
    background: #151515;
}
[data-theme="dark"] .sidebar-navigation ul li ul li:hover > .country-league-row,
[data-theme="dark"] .sidebar-navigation ul li ul li.selected > .country-league-row {
    background: #252525;
}
[data-theme="dark"] .sidebar-navigation ul li ul li > .country-league-row .country-league-link,
[data-theme="dark"] .sidebar-navigation ul li ul li:hover > .country-league-row .country-league-link,
[data-theme="dark"] .sidebar-navigation ul li ul li.selected > .country-league-row .country-league-link {
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .sidebar-navigation ul li ul li.selected.selected--last > .country-league-row {
    background: #1d1d1d;
}
[data-theme="dark"] .subMenuColor1 {
    background-color: #1d1d1d;
}
[data-theme="dark"] .subMenuColor1 li {
    border-left-color: rgba(255, 255, 255, 0.14);
}
[data-theme="dark"] .subMenuColor2 {
    background-color: #151515;
}

/* --- Sidebar: Active prediction item (orange bg per Figma) --- */
[data-theme="dark"] .sidebar-navigation ul li.selected.selected--last > a.active-prediction,
[data-theme="dark"] .sidebar-navigation ul li a.active {
    background: linear-gradient(90deg, #B54900 0%, #000000 100%) !important;
    color: #fff !important;
    border-left-color: #F86A0B !important;
}

/* --- Sidebar Labels & Icons --- */
[data-theme="dark"] .icon-sidebar span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .name-tour-sidebar span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .number-sidebar span {
    color: rgba(255, 255, 255, 0.5);
}
[data-theme="dark"] .svg-star svg {
    stroke: rgba(255, 255, 255, 0.5);
}
[data-theme="dark"] .country-league-star.active svg,
[data-theme="dark"] .country-league-star:hover svg {
    stroke: #F79639;
    fill: #F79639;
}
[data-theme="dark"] .row-side-flex em svg path {
    fill: rgba(255, 255, 255, 0.4);
}
[data-theme="dark"] .country-league-toggle svg path {
    fill: rgba(255, 255, 255, 0.4);
}

/* --- Predictions Table / Grid --- */
[data-theme="dark"] .box-grid-main,
[data-theme="dark"] .box-grid-main.live,
[data-theme="dark"] .box-grid-main.under-over,
[data-theme="dark"] .box-grid-main.under-over.btts,
[data-theme="dark"] .box-grid-main.htft {
    background: #151515 !important;
}
[data-theme="dark"] .box-grid-main:hover {
    background: #2a2019 !important;
}
[data-theme="dark"] .tour-center {
    background: #1d1d1d !important;
}
[data-theme="dark"] .match-date-divider {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .tour-center span,
[data-theme="dark"] .tour-center h2 {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .time-match-center span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .table-home span {
    color: rgba(255, 255, 255, 0.86);
}
/* --- Probability / Avg / Coef / Score cells — all use bg #F5F5F5 in light mode --- */
[data-theme="dark"] .probability-table {
    background: #1d1d1d !important;
}
[data-theme="dark"] .probability-table span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .avg-table,
[data-theme="dark"] .coef-table,
[data-theme="dark"] .score-table,
[data-theme="dark"] .live-coef-table {
    background: #1d1d1d !important;
}
[data-theme="dark"] .avg-table span,
[data-theme="dark"] .coef-table span,
[data-theme="dark"] .score-table span,
[data-theme="dark"] .live-coef-table span,
[data-theme="dark"] .box-avg-table span,
[data-theme="dark"] .box-coef-table span,
[data-theme="dark"] .box-score-table span,
[data-theme="dark"] .box-live-coef span,
[data-theme="dark"] .box-coef-table .avg-orange {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .weather-table,
[data-theme="dark"] .weather-table div,
[data-theme="dark"] .weather-table span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .weather-table img {
    filter: invert(1) brightness(1.15);
    opacity: 0.78;
}
[data-theme="dark"] .box-correct-table,
[data-theme="dark"] .box-correct-table span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .pred-green span,
[data-theme="dark"] .pred-orange span,
[data-theme="dark"] .pred-yellow span {
    color: #fff;
}
[data-theme="dark"] .pred-table span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .pred-table .pred-green span,
[data-theme="dark"] .pred-table .pred-orange span,
[data-theme="dark"] .pred-table .pred-yellow span {
    color: #fff;
}
/* avg-black span inside dark mode */
[data-theme="dark"] .avg-black {
    color: rgba(255, 255, 255, 0.86) !important;
}

/* --- Live Coef Popup in table row --- */
[data-theme="dark"] .fixed-live-coef {
    background: #1d1d1d;
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 6px 10px 4px rgba(0, 0, 0, 0.35), 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .head-fixed-live span {
    color: #f5f5f5;
}
[data-theme="dark"] .box-row-fixed-1 {
    background: #2a2a2a;
}
[data-theme="dark"] .box-row-fixed-1 span,
[data-theme="dark"] .box-row-fixed-2 span {
    color: #f5f5f5;
}
[data-theme="dark"] .box-row-fixed-2 {
    background: #151515;
    border-color: rgba(255, 255, 255, 0.14);
}

/* --- Regular Season / Standings --- */
[data-theme="dark"] .head-regular-season,
[data-theme="dark"] .box-regular-main {
    background: #151515;
}
[data-theme="dark"] .box-regular-main:hover,
[data-theme="dark"] .box-regular-main.hover\:bg-\[\#E7E7E7\]:hover {
    background: #242424 !important;
}
[data-theme="dark"] .name-overall span {
    color: #f5f5f5;
}
[data-theme="dark"] .overall-pts,
[data-theme="dark"] .overall-gp,
[data-theme="dark"] .overall-w,
[data-theme="dark"] .overall-d,
[data-theme="dark"] .overall-l,
[data-theme="dark"] .overall-plus {
    background: #2a2a2a;
}
[data-theme="dark"] .overall-pts:hover,
[data-theme="dark"] .overall-gp:hover,
[data-theme="dark"] .overall-w:hover,
[data-theme="dark"] .overall-d:hover,
[data-theme="dark"] .overall-l:hover,
[data-theme="dark"] .overall-plus:hover {
    background: #3a3a3a;
}
[data-theme="dark"] .overall-pts.active,
[data-theme="dark"] .overall-gp.active,
[data-theme="dark"] .overall-w.active,
[data-theme="dark"] .overall-d.active,
[data-theme="dark"] .overall-l.active,
[data-theme="dark"] .overall-plus.active {
    background: #F86A0B;
}
[data-theme="dark"] .overall-pts span,
[data-theme="dark"] .overall-gp span,
[data-theme="dark"] .overall-w span,
[data-theme="dark"] .overall-d span,
[data-theme="dark"] .overall-l span,
[data-theme="dark"] .overall-plus span,
[data-theme="dark"] .text-pts span,
[data-theme="dark"] .text-gp span,
[data-theme="dark"] .text-w span,
[data-theme="dark"] .text-d span,
[data-theme="dark"] .text-l span,
[data-theme="dark"] .text-plus span,
[data-theme="dark"] .number-regular span,
[data-theme="dark"] .span-club-regular span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .overall-pts.active span,
[data-theme="dark"] .overall-gp.active span,
[data-theme="dark"] .overall-w.active span,
[data-theme="dark"] .overall-d.active span,
[data-theme="dark"] .overall-l.active span,
[data-theme="dark"] .overall-plus.active span {
    color: #fff;
}
[data-theme="dark"] .head-regular-season .text-\[\#363636\] {
    color: rgba(255, 255, 255, 0.62) !important;
}
[data-theme="dark"] .border-left-green,
[data-theme="dark"] .border-left-yellow,
[data-theme="dark"] .border-left-red {
    background: linear-gradient(270deg, #151515 0%, #1a1a1a 100%);
}

/* --- Calendar (right sidebar) --- */
[data-theme="dark"] .calendar {
    background: #151515;
}
[data-theme="dark"] .cal-head h3,
[data-theme="dark"] .cal-head h4 {
    background: #1d1d1d;
    color: #f5f5f5;
}
[data-theme="dark"] .cal-head #prev,
[data-theme="dark"] .cal-head #next {
    background: #1d1d1d;
}
[data-theme="dark"] .cal-head #prev:before,
[data-theme="dark"] .cal-head #next:before {
    border-color: #f5f5f5;
}
[data-theme="dark"] .days li {
    color: rgba(255, 255, 255, 0.62);
}
[data-theme="dark"] .dates li span {
    background: #151515;
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .dates li.old span {
    background: transparent;
    color: rgba(255, 255, 255, 0.25);
}
[data-theme="dark"] .dates li.today span {
    background: #F86A0B;
    color: #FFFFFF;
}
[data-theme="dark"] .dates li.today.disabled span {
    opacity: 1;
}

/* --- Featured Match (right sidebar) --- */
[data-theme="dark"] .box-feature {
    background: #151515;
}
[data-theme="dark"] .span-feature-left,
[data-theme="dark"] .span-feature-right,
[data-theme="dark"] .tour-feature span {
    color: rgba(255, 255, 255, 0.72);
}

/* --- Derby Match Cards --- */
[data-theme="dark"] .box-derby-match {
    background: #151515;
}
[data-theme="dark"] .title-derby-match span {
    color: #f5f5f5;
}
[data-theme="dark"] .box-derby-in,
[data-theme="dark"] .box-derby-in-right {
    background: #1d1d1d;
}
[data-theme="dark"] .name-tour-card span,
[data-theme="dark"] .name-club-derby span,
[data-theme="dark"] .time-derby span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .line-dashed {
    border-top-color: rgba(255, 255, 255, 0.14);
}

/* --- Top Trend --- */
[data-theme="dark"] .top-trend,
[data-theme="dark"] .top-trend-right {
    background: #151515;
}
[data-theme="dark"] .top-trend-active {
    background: #1d1d1d;
}
[data-theme="dark"] .top-trend-active span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .top-trend-active.active {
    background: #333;
}
[data-theme="dark"] .top-trend-active.active span {
    color: #fff;
}
[data-theme="dark"] .brief-top-trend-right span,
[data-theme="dark"] .text-button-radio span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .home-top-trend-card {
    background: #191919;
    border-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .home-top-trend-card:hover {
    border-color: rgba(248, 106, 11, 0.45);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}
[data-theme="dark"] .button-radio-top-trend {
    background: #2a2a2a;
}
[data-theme="dark"] .button-radio-top-trend span {
    color: rgba(255, 255, 255, 0.86);
}

/* --- News / Content Boxes --- */
[data-theme="dark"] .box-news-2 {
    background: #151515;
}
[data-theme="dark"] .box-time-img {
    background: #1d1d1d;
}
[data-theme="dark"] .box-time-img span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .title-news-center span,
[data-theme="dark"] .brief-news-center span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .box-view-more {
    background: #151515;
    border: 1px solid #242424;
}

/* --- Page Title / Headings --- */
[data-theme="dark"] .title-head-center span,
[data-theme="dark"] .title-head-center h1,
[data-theme="dark"] .title-head-center h2,
[data-theme="dark"] .title-head-center h3 {
    color: #f5f5f5;
}
[data-theme="dark"] .brief-head-center span {
    color: rgba(255, 255, 255, 0.72);
}

/* --- View More / Content Text --- */
[data-theme="dark"] .data_more_less_body {
    color: rgba(255, 255, 255, 0.82);
}
[data-theme="dark"] .data_more_less_body p {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .seo-template-heading {
    color: rgba(255, 255, 255, 0.92);
}
[data-theme="dark"] .seo-template-header {
    color: rgba(255, 255, 255, 0.76);
}
[data-theme="dark"] .btn {
    color: #f5f5f5;
}
[data-theme="dark"] .data_more_less:not(.less_active):not(.action_disabled) .data_more_less_inner:after {
    background: linear-gradient(to bottom, rgba(21, 21, 21, 0) 0%, rgba(21, 21, 21, 1) 100%);
}
[data-theme="dark"] .content-footer {
    background: #151515;
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.82);
}
[data-theme="dark"] .content-footer .data_more_less_body,
[data-theme="dark"] .content-footer p {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .content-footer h2,
[data-theme="dark"] .content-footer h3,
[data-theme="dark"] .content-footer strong {
    color: rgba(255, 255, 255, 0.94);
}
[data-theme="dark"] .content-footer h2 {
    border-bottom-color: rgba(255, 255, 255, 0.68);
}
[data-theme="dark"] .content-footer a {
    color: #F79639;
}
[data-theme="dark"] .content-footer a:hover {
    color: #FFB066;
    border-bottom-color: #FFB066;
}
[data-theme="dark"] .content-footer a:visited {
    color: #D9822B;
}
[data-theme="dark"] .content-footer mark {
    background: rgba(247, 150, 57, 0.18);
    color: #FFB066;
}
[data-theme="dark"] .content-footer abbr[title] {
    text-decoration-color: rgba(255, 255, 255, 0.45);
}
[data-theme="dark"] .content-footer small {
    color: rgba(255, 255, 255, 0.56);
}
[data-theme="dark"] .content-footer .rg-disclaimer {
    background: #1d1d1d;
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.56);
}
[data-theme="dark"] .content-footer .more_less_action.btn {
    color: rgba(255, 255, 255, 0.92);
}

/* --- Select Box --- */
[data-theme="dark"] .select-box {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .select-country label {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .select-box__input:checked + .select-box__input-text {
    background: #1d1d1d;
    border-color: rgba(255, 255, 255, 0.14);
}
[data-theme="dark"] .select-box__input-text {
    background-color: #151515;
}
[data-theme="dark"] .select-box__option {
    background-color: #151515;
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .select-box__option:hover,
[data-theme="dark"] .select-box__option:focus {
    color: #F86A0B;
    background-color: #1d1d1d;
}

/* --- Custom Dots (Slick) --- */
[data-theme="dark"] .custom-dots li {
    background-color: rgba(255, 255, 255, 0.25);
}

/* --- Misc --- */
[data-theme="dark"] .line-row {
    background: rgba(255, 255, 255, 0.14);
}
[data-theme="dark"] .custom-check span,
[data-theme="dark"] .custom-check label {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] h1 {
    color: #f5f5f5;
}

/* --- Login extras --- */
[data-theme="dark"] .login-container .login-form .sign-in-seperator span,
[data-theme="dark"] .login-container .login-register .sign-in-seperator span {
    background: var(--surface-1);
}
[data-theme="dark"] .login-container .login-form .sign-in-seperator:after,
[data-theme="dark"] .login-container .login-register .sign-in-seperator:after {
    background: var(--border-1);
}
[data-theme="dark"] .login-container .login-form .google-login-button,
[data-theme="dark"] .login-container .login-register .google-login-button {
    color: rgba(255, 255, 255, 0.86);
    border-color: var(--border-1);
}
[data-theme="dark"] .login-container .body-text {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .login-container .logo-box img {
    content: url("../images/logo.png");
}
[data-theme="dark"] .login-register #country-trigger,
[data-theme="dark"] .login-register #country-panel,
[data-theme="dark"] .login-register #country-search,
[data-theme="dark"] .login-register .country-option {
    background: #1d1d1d !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .login-register #country-search::placeholder {
    color: rgba(255, 255, 255, 0.42);
}
[data-theme="dark"] .login-register .country-option:hover,
[data-theme="dark"] .login-register .country-option:focus {
    background: #2a2a2a !important;
    color: #F86A0B !important;
}
[data-theme="dark"] .login-register .login-form-group:has(> input)::before {
    background-color: rgba(255, 255, 255, 0.58);
}

/* --- Search SVG icon --- */
[data-theme="dark"] .input-box svg path {
    fill: #fff;
    stroke: transparent;
}

/* --- Scrollbar --- */
[data-theme="dark"] .box-regular-season--scroll {
    scrollbar-color: rgba(255, 255, 255, 0.32) #121212;
    scrollbar-width: thin;
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar-track {
    background: #121212;
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.32);
    border: 2px solid #121212;
    border-radius: 999px;
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.46);
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar-corner {
    background: #121212;
}

/* =============================================
   TAILWIND INLINE CLASS OVERRIDES
   These use !important to override Tailwind utility classes
   that use hardcoded colors (bg-[#F9F9F9], text-[#222222] etc.)
   ============================================= */

/* --- Standings Table (popular_leagues/partials/standings-table) --- */
[data-theme="dark"] .standings-table-card {
    background: #151515 !important;
}
[data-theme="dark"] .standings-table-card table {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .standings-table-card thead th {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .standings-table-card thead th.sort-header {
    border-color: #151515 !important;
}
[data-theme="dark"] .standings-table-card tbody tr {
    background: #151515 !important;
    border-bottom-color: #1d1d1d !important;
}
[data-theme="dark"] .standings-table-card tbody tr:nth-child(even) {
    background: #1a1a1a !important;
}
[data-theme="dark"] .standings-table-card tbody tr:nth-child(odd) {
    background: #151515 !important;
}
[data-theme="dark"] .standings-table-card tbody tr[data-focus="1"] {
    background: linear-gradient(90deg, #3d2a10 0%, #151515 100%) !important;
}
[data-theme="dark"] .standings-table-card tbody td {
    color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme="dark"] .standings-table-card tbody td .team-rank,
[data-theme="dark"] .standings-table-card tbody td span {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .standings-table-card .sort-cell {
    color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme="dark"] .standings-table-card .sort-cell.font-bold {
    color: #f5f5f5 !important;
}
/* Standings header title bg */
[data-theme="dark"] .standings-table-card > div.bg-\[\#E7E7E7\],
[data-theme="dark"] .standings-table-card > .rounded-tl-lg {
    background: #1d1d1d !important;
    color: #f5f5f5 !important;
}
/* Sort header inactive state */
[data-theme="dark"] .standings-table-card .sort-header.bg-\[\#E7E7E7\] {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.72) !important;
}
/* Sort header active state */
[data-theme="dark"] .standings-table-card .sort-header.bg-\[\#222222\] {
    background: #F86A0B !important;
    color: #fff !important;
}

/* --- Tailwind bg-[#E7E7E7] global override (league section headers, badges etc) --- */
[data-theme="dark"] .bg-\[\#E7E7E7\] {
    background-color: #1d1d1d !important;
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .bg-\[\#F9F9F9\] {
    background-color: #1a1a1a !important;
}
[data-theme="dark"] .bg-\[\#F2F2F2\] {
    background-color: #151515 !important;
}
[data-theme="dark"] .bg-\[\#F5F8FF\] {
    background-color: #121212 !important;
}
[data-theme="dark"] .bg-white {
    background-color: #151515 !important;
}

/* --- Tailwind text color overrides --- */
[data-theme="dark"] .text-\[\#222222\] {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .text-\[\#363636\] {
    color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme="dark"] .text-\[\#222\] {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .text-gray-500 {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* --- Tailwind border-white override (table borders) --- */
[data-theme="dark"] .border-white {
    border-color: #1d1d1d !important;
}

/* --- News page (box-news-small and children) --- */
[data-theme="dark"] .box-news-small {
    background: #151515;
}
[data-theme="dark"] .box-small-news {
    background: #151515;
}
[data-theme="dark"] .news-down-1 {
    background: #151515;
}
[data-theme="dark"] .box-under-news {
    background: #151515;
}
[data-theme="dark"] .flex-news-down {
    background: #151515;
}
[data-theme="dark"] .article-body {
    background: #151515;
    color: rgba(255, 255, 255, 0.82);
}
[data-theme="dark"] .article-body h1,
[data-theme="dark"] .article-body h2,
[data-theme="dark"] .article-body h3,
[data-theme="dark"] .article-body strong,
[data-theme="dark"] .article-body .author-name,
[data-theme="dark"] .article-body td.team {
    color: rgba(255, 255, 255, 0.94);
}
[data-theme="dark"] .article-body p,
[data-theme="dark"] .article-body tbody td {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .article-body > p:first-of-type,
[data-theme="dark"] .article-body .article-brief {
    color: rgba(255, 255, 255, 0.94);
}
[data-theme="dark"] .article-body h2 {
    border-bottom-color: rgba(255, 255, 255, 0.68);
}
[data-theme="dark"] .article-body a,
[data-theme="dark"] .article-body h4,
[data-theme="dark"] .article-body .author-role,
[data-theme="dark"] .article-body aside h3 {
    color: #F79639;
}
[data-theme="dark"] .article-body a:hover {
    color: #FFB066;
    border-bottom-color: #FFB066;
}
[data-theme="dark"] .article-body a:visited {
    color: #D9822B;
}
[data-theme="dark"] .article-body mark {
    background: rgba(247, 150, 57, 0.18);
    color: #FFB066;
}
[data-theme="dark"] .article-body small,
[data-theme="dark"] .article-body .article-meta,
[data-theme="dark"] .article-body figcaption,
[data-theme="dark"] .article-body blockquote cite,
[data-theme="dark"] .article-body address {
    color: rgba(255, 255, 255, 0.56);
}
[data-theme="dark"] .article-body abbr[title] {
    text-decoration-color: rgba(255, 255, 255, 0.45);
}
[data-theme="dark"] .article-body blockquote,
[data-theme="dark"] .article-body aside {
    background: #1d1d1d;
    border-color: rgba(255, 255, 255, 0.12);
}
[data-theme="dark"] .article-body blockquote {
    border-left-color: #F57C00;
}
[data-theme="dark"] .article-body blockquote p {
    color: rgba(255, 255, 255, 0.92);
}
[data-theme="dark"] .article-body figure img,
[data-theme="dark"] .article-body .article-hero img,
[data-theme="dark"] .article-body .news-detail-content img,
[data-theme="dark"] .article-body .table-wrap,
[data-theme="dark"] .article-body address,
[data-theme="dark"] .article-body tbody tr {
    border-color: rgba(255, 255, 255, 0.12);
}
[data-theme="dark"] .article-body thead {
    background: #242424;
}
[data-theme="dark"] .article-body thead th {
    color: rgba(255, 255, 255, 0.56);
}
[data-theme="dark"] .article-body tbody tr:hover {
    background: #1d1d1d;
}
[data-theme="dark"] .article-body .news-detail-content {
    border-top-color: rgba(255, 255, 255, 0.1);
}

/* --- Form table (popular_leagues/form) --- */
[data-theme="dark"] .bg-\[\#E7E7E7\].rounded-md,
[data-theme="dark"] .bg-\[\#E7E7E7\].rounded {
    background-color: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.86) !important;
}

/* --- League detail page tabs (Predictions, Trends, Standings, etc) --- */
[data-theme="dark"] .bg-\[\#F5F5F5\] {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] a.bg-\[\#F5F5F5\],
[data-theme="dark"] button.bg-\[\#F5F5F5\] {
    color: rgba(255, 255, 255, 0.72) !important;
}

/* --- Generic link text in dark mode --- */
[data-theme="dark"] a.text-\[\#222222\],
[data-theme="dark"] a.text-\[\#222\] {
    color: rgba(255, 255, 255, 0.86) !important;
}

/* --- Body bg-[#F5F8FF] (used in app3 layout) --- */
[data-theme="dark"] body.bg-\[\#F5F8FF\] {
    background-color: #121212 !important;
}

/* --- Popular Leagues Season Selector --- */
[data-theme="dark"] .bg-\[\#131313\] {
    background-color: #131313 !important;
}
[data-theme="dark"] select {
    background-color: #1d1d1d;
    color: rgba(255, 255, 255, 0.86);
    border-color: rgba(255, 255, 255, 0.14);
}
[data-theme="dark"] select option {
    background-color: #151515;
    color: rgba(255, 255, 255, 0.86);
}

/* --- Pagination (if any) --- */
[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .pagination .active span {
    background: #F86A0B;
    color: #fff;
}

/* --- Breadcrumb --- */
[data-theme="dark"] .breadcrumb {
    color: rgba(255, 255, 255, 0.62);
}
[data-theme="dark"] .breadcrumb a {
    color: rgba(255, 255, 255, 0.72);
}

/* --- Footer (already dark, ensure consistency) --- */
[data-theme="dark"] footer {
    background: #000;
}
[data-theme="dark"] .trust-box-section {
    background: #121212;
}
[data-theme="dark"] .trust-box {
    background: rgba(21, 21, 21, 0.86);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
}
[data-theme="dark"] .trust-box-head h2,
[data-theme="dark"] .trust-metric h3,
[data-theme="dark"] .trust-feature h3 {
    color: #f5f5f5;
}
[data-theme="dark"] .trust-box-head p,
[data-theme="dark"] .trust-metric p,
[data-theme="dark"] .trust-feature p,
[data-theme="dark"] .trust-box-foot {
    color: rgba(255, 255, 255, 0.68);
}
[data-theme="dark"] .trust-metric,
[data-theme="dark"] .trust-features {
    background: rgba(21, 21, 21, 0.78);
    border-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .trust-metric i,
[data-theme="dark"] .trust-feature i {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.82);
}
[data-theme="dark"] .trust-box-foot strong,
[data-theme="dark"] .trust-tags span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .trust-tags span {
    background: rgba(255, 255, 255, 0.08);
}

/* =============================================
   ADDITIONAL DARK MODE OVERRIDES
   Based on Figma design — covers Tailwind classes
   not caught by the generic overrides above
   ============================================= */

/* --- Tailwind border color overrides --- */
[data-theme="dark"] .border-\[\#E5E5E5\],
[data-theme="dark"] .border-\[\#DADADA\],
[data-theme="dark"] .border-\[\#E0E0E0\],
[data-theme="dark"] .border-\[\#ECECEC\],
[data-theme="dark"] .border-\[\#DDDDDD\] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* --- Tailwind bg overrides (light grays not yet covered) --- */
[data-theme="dark"] .bg-\[\#EFEFEF\] {
    background-color: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme="dark"] .bg-\[\#ECECEC\] {
    background-color: #2a2a2a !important;
}
[data-theme="dark"] .hover\:bg-\[\#ECECEC\]:hover {
    background-color: #333 !important;
}
[data-theme="dark"] .hover\:bg-\[\#F5F5F5\]:hover {
    background-color: #2a2a2a !important;
}

/* --- Tailwind text color overrides (additional) --- */
[data-theme="dark"] .text-\[\#555555\],
[data-theme="dark"] .text-\[\#333333\],
[data-theme="dark"] .text-\[\#666666\],
[data-theme="dark"] .text-\[\#999999\] {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* --- Search popup (js-cse-popup) --- */
[data-theme="dark"] #js-cse-popup .bg-white {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] #js-cse-popup .text-\[\#222222\] {
    color: #f5f5f5 !important;
}
[data-theme="dark"] #js-cse-popup .border-b {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* --- Load more / action buttons --- */
[data-theme="dark"] button.border-\[\#DADADA\],
[data-theme="dark"] a.border-\[\#DADADA\] {
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

/* --- FIFA ranking / International pages --- */
[data-theme="dark"] .border-\[\#E0E0E0\] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] tr.js-fifa-row {
    background-color: #151515 !important;
}
[data-theme="dark"] tr.js-fifa-row:nth-child(even) {
    background-color: #1a1a1a !important;
}

/* --- Live score rows --- */
[data-theme="dark"] .js-live-match {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .bg-white.text-\[\#363636\] {
    background-color: #151515 !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

/* --- Player Statistics table --- */
[data-theme="dark"] .js-player-stats-group table,
[data-theme="dark"] .js-player-stats-group tbody,
[data-theme="dark"] .js-player-stats-group tbody tr,
[data-theme="dark"] .js-player-stats-group tbody td,
[data-theme="dark"] .js-player-stats-group tbody span {
    color: rgba(255, 255, 255, 0.82) !important;
}
[data-theme="dark"] .js-player-stats-group tbody tr {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .js-player-stats-group tbody tr:nth-child(even) {
    background-color: #151515;
}
[data-theme="dark"] .js-player-stats-group tbody tr:nth-child(odd) {
    background-color: #121212;
}
[data-theme="dark"] .js-player-stats-group .bg-\[\#F5F5F5\].text-\[\#555555\] {
    background-color: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.72) !important;
}

/* --- Match commentary rows --- */
[data-theme="dark"] .bg-\[\#EFEFEF\].text-\[\#222222\],
[data-theme="dark"] .bg-\[\#EFEFEF\] {
    background-color: #1d1d1d !important;
}

/* --- Toggle switch: ensure orange ball visible in both modes --- */
[data-theme="dark"] .slider {
    background-color: #444;
}
[data-theme="dark"] input:checked + .slider {
    background-color: #222;
}

/* --- Match detail team comparison panel --- */
[data-theme="dark"] [data-team-comparison-root] {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] [data-team-comparison-root] .bg-white,
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#FFFFFF\],
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#FAFAFA\] {
    background-color: #151515 !important;
}
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#E1E1E1\],
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#E7E7E7\] {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] [data-team-comparison-root] .hover\:bg-\[\#F0F0F0\]:hover,
[data-theme="dark"] [data-team-comparison-root] .hover\:bg-\[\#F9F9F9\]:hover {
    background-color: #242424 !important;
}
[data-theme="dark"] [data-team-comparison-root] .text-\[\#222222\],
[data-theme="dark"] [data-team-comparison-root] .text-\[\#222\] {
    color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="dark"] [data-team-comparison-root] .text-\[\#777\],
[data-theme="dark"] [data-team-comparison-root] .text-\[\#8B8B8B\] {
    color: rgba(255, 255, 255, 0.56) !important;
}
[data-theme="dark"] [data-team-comparison-root] .border-\[\#EFEFEF\],
[data-theme="dark"] [data-team-comparison-root] .border-\[\#F0F0F0\],
[data-theme="dark"] [data-team-comparison-root] .border-\[\#F5F8FF\] {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
[data-theme="dark"] [data-team-comparison-root] .divide-\[\#F0F0F0\] > :not([hidden]) ~ :not([hidden]) {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#E7E7E7\].overflow-hidden,
[data-theme="dark"] [data-team-comparison-root] .h-2.bg-\[\#E7E7E7\] {
    background-color: #2a2a2a !important;
}

/* --- Match detail recent form summary --- */
[data-theme="dark"] .box-table-center .bg-\[\#EEF0F5\] {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] .box-table-center .bg-\[\#EEF0F5\] .text-\[\#222222\] {
    color: rgba(255, 255, 255, 0.88) !important;
}

/* --- Team detail overall statistics --- */
[data-theme="dark"] .overall-stat-card {
    color: rgba(255, 255, 255, 0.84);
}
[data-theme="dark"] .overall-stat-card .bg-\[\#EEEEEE\] {
    background-color: #1d1d1d !important;
    color: rgba(255, 255, 255, 0.94) !important;
}
[data-theme="dark"] .overall-stat-card .border-\[\#F0F0F0\],
[data-theme="dark"] .overall-stat-card .border-\[\#F4F4F4\] {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
[data-theme="dark"] .overall-stat-card .text-\[\#666666\],
[data-theme="dark"] .overall-stat-card .text-\[\#333333\],
[data-theme="dark"] .overall-stat-card .text-\[\#222222\],
[data-theme="dark"] .overall-stat-card .overall-stat-panel,
[data-theme="dark"] .overall-stat-card .overall-stat-panel div {
    color: rgba(255, 255, 255, 0.82) !important;
}
[data-theme="dark"] .overall-stat-card .text-\[\#F79639\] {
    color: #F79639 !important;
}
[data-theme="dark"] .overall-stat-card .overall-stat-tab {
    background-color: #151515;
    border-color: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.82) !important;
}
[data-theme="dark"] .overall-stat-card .overall-stat-tab.bg-black,
[data-theme="dark"] .overall-stat-card .overall-stat-tab.text-white {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}
[data-theme="dark"] .overall-stat-card .overall-stat-panel.bg-white {
    background-color: #151515 !important;
}
[data-theme="dark"] .overall-stat-card .bg-\[\#ECECEC\] {
    background-color: #2a2a2a !important;
}

/* --- Team detail home matches --- */
[data-theme="dark"] .team-home-card {
    color: rgba(255, 255, 255, 0.84);
}
[data-theme="dark"] .team-home-card .text-\[\#222222\],
[data-theme="dark"] .team-home-card table,
[data-theme="dark"] .team-home-card tbody,
[data-theme="dark"] .team-home-card tbody tr,
[data-theme="dark"] .team-home-card tbody td,
[data-theme="dark"] .team-home-card tbody td div {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .team-home-card .text-\[\#F79639\],
[data-theme="dark"] .team-home-card .text-\[\#F79639\] div {
    color: #F79639 !important;
}
[data-theme="dark"] .team-home-card .bg-\[\#E7E7E7\],
[data-theme="dark"] .team-home-card .bg-\[\#F0F0F0\] {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] .team-home-card tbody tr {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
[data-theme="dark"] .team-home-card .hover\:bg-\[\#E7E7E7\]:hover {
    background-color: #242424 !important;
}

/* --- Match center page --- */
[data-theme="dark"] .match-center-card {
    background-color: #1a1a1a;
    color: rgba(255, 255, 255, 0.88);
}
[data-theme="dark"] .match-center-card .match-lineup-title,
[data-theme="dark"] .match-center-card .team-name,
[data-theme="dark"] .match-center-card .text-\[\#222222\] {
    color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="dark"] .match-highlight-item {
    color: rgba(255, 255, 255, 0.88);
}
[data-theme="dark"] .match-highlight-empty {
    color: rgba(255, 255, 255, 0.5);
}
[data-theme="dark"] .match-center-card .bg-\[\#E7E7E7\] {
    background-color: #2a2a2a !important;
}
[data-theme="dark"] .match-center-card .bg-\[\#EFEFEF\] {
    background-color: #242424 !important;
}
[data-theme="dark"] .match-center-card .player-name {
    background: #2a2a2a;
    color: #f97316;
}

/* --- Profile page --- */
[data-theme="dark"] .profile-card {
    background-color: #151515 !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.88);
}
[data-theme="dark"] .profile-card h1,
[data-theme="dark"] .profile-card .text-\[\#111827\],
[data-theme="dark"] .profile-card .text-\[\#374151\] {
    color: rgba(255, 255, 255, 0.9) !important;
}
[data-theme="dark"] .profile-card .text-\[\#4B5563\],
[data-theme="dark"] .profile-card .text-\[\#6B7280\] {
    color: rgba(255, 255, 255, 0.58) !important;
}
[data-theme="dark"] .profile-menu .js-profile-acc-item {
    border-color: rgba(255, 255, 255, 0.16) !important;
}
[data-theme="dark"] .profile-menu .js-profile-acc-toggle {
    background-color: #151515 !important;
    color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="dark"] .profile-menu .js-profile-acc-toggle:hover {
    background-color: #1f1f1f !important;
}
[data-theme="dark"] .profile-menu .js-profile-acc-panel {
    background-color: #1d1d1d !important;
    border-top-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 255, 255, 0.84) !important;
}
[data-theme="dark"] .profile-menu input {
    background-color: #121212 !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="dark"] .profile-menu input::placeholder {
    color: rgba(255, 255, 255, 0.42);
}
[data-theme="dark"] .profile-menu input[readonly] {
    background-color: #181818 !important;
}
[data-theme="dark"] .profile-menu .js-account-deletion-no {
    background-color: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.88) !important;
}