/* ================================================================
   TIBD – Theme: Light / Dark
   Scope vao html.tibd-dark de thang ca prefers-color-scheme cua LM
   ================================================================ */

/* ----------------------------------------------------------------
   LIGHT MODE — gia tri mac dinh (giong LM defaults)
   Define tren .lm-wrap de scope chinh xac, khong anh huong global
   ---------------------------------------------------------------- */
.lm-wrap {
    --c-bg:      #ffffff;
    --c-bg2:     #f8f9fa;
    --c-bg3:     #f1f3f5;
    --c-text:    #212529;
    --c-muted:   #868e96;
    --c-light:   #adb5bd;
    --c-border:  #e9ecef;
    --c-red:     #e03131;
    --c-red-bg:  rgba(224,49,49,.06);
    --c-blue:    #1971c2;
    --c-radius:  6px;
}

/* ----------------------------------------------------------------
   RESET: Huy dark mode tu dong cua trinh duyet / LM
   Bat buoc: neu khong thi mobile tu dong chuyen toi khi bat dark mode
   ---------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
    .lm-wrap {
        --c-bg:      #ffffff;
        --c-bg2:     #f8f9fa;
        --c-bg3:     #f1f3f5;
        --c-text:    #212529;
        --c-muted:   #868e96;
        --c-light:   #adb5bd;
        --c-border:  #e9ecef;
        --c-red:     #e03131;
        --c-red-bg:  rgba(224,49,49,.06);
        --c-blue:    #1971c2;
    }
}

/* ----------------------------------------------------------------
   DARK MODE — chi ap dung khi user chu dong chon
   html.tibd-dark thang prefers-color-scheme vi specificity cao hon
   ---------------------------------------------------------------- */
html.tibd-dark .lm-wrap {
    --c-bg:      #1a1b1e;
    --c-bg2:     #25262b;
    --c-bg3:     #2c2e33;
    --c-text:    #f1f3f5;
    --c-muted:   #909296;
    --c-light:   #5c5f66;
    --c-border:  #373a40;
    --c-red:     #ff6b6b;
    --c-red-bg:  rgba(255,107,107,.08);
    --c-blue:    #74c0fc;
}

/* Text va background tong the cua wrap */
html.tibd-dark .lm-wrap {
    background: var(--c-bg);
    color:      var(--c-text);
}

/* League header */
html.tibd-dark .lm-league-header {
    background: var(--c-bg2) !important;
    border-color: var(--c-border) !important;
}
html.tibd-dark .lm-league-name { color: var(--c-text) !important; }

/* Rows */
html.tibd-dark .lm-row          { background: var(--c-bg)  !important; }
html.tibd-dark .lm-row-alt,
html.tibd-dark .lm-row:nth-child(even) { background: var(--c-bg2) !important; }
html.tibd-dark .lm-row:hover    { background: var(--c-bg3) !important; }

/* Tab nav */
html.tibd-dark .lm-tabnav       { background: var(--c-bg2); border-color: var(--c-border); }
html.tibd-dark .lm-tab          { color: var(--c-muted); }
html.tibd-dark .lm-tab.active   { background: var(--c-bg3); color: var(--c-text); }
html.tibd-dark .lm-date-nav     { background: var(--c-bg2); border-color: var(--c-border); }
html.tibd-dark .lm-date-item    { background: var(--c-bg3); color: var(--c-muted); border-color: var(--c-border); }
html.tibd-dark .lm-date-item.active { background: var(--c-text); color: var(--c-bg); }

/* List wrapper */
html.tibd-dark .lm-list         { border-color: var(--c-border); }

/* Score / Time */
html.tibd-dark .lm-score        { color: var(--c-text); }
html.tibd-dark .lm-team-name    { color: var(--c-text); }

/* Keo widget specific */
html.tibd-dark .tibd-keo-col-header { background: var(--c-bg2); border-color: var(--c-border); }
html.tibd-dark .tibd-keo-row        { border-color: var(--c-border); }
html.tibd-dark .tibd-keo-col-time,
html.tibd-dark .tibd-keo-col-team,
html.tibd-dark .tibd-keo-cell       { border-color: var(--c-border); }
html.tibd-dark .tibd-keo-home,
html.tibd-dark .tibd-keo-away       { color: var(--c-text); }
html.tibd-dark .tibd-keo-sub-odds span { color: var(--c-text); }
html.tibd-dark .tibd-keo-1x2 span  { color: var(--c-text); }
html.tibd-dark .tibd-keo-date       { color: var(--c-muted); }
html.tibd-dark .tibd-keo-col-header .ch-group-label { color: var(--c-text); background: var(--c-bg2); }

/* Livescore update bar */
html.tibd-dark .tibd-ls-update-bar  { background: var(--c-bg2); border-color: var(--c-border); color: var(--c-muted); }

/* Livescore rows */
html.tibd-dark .tibd-ls-wrap .lm-row:nth-child(odd)  { background: var(--c-bg)  !important; }
html.tibd-dark .tibd-ls-wrap .lm-row:nth-child(even) { background: var(--c-bg2) !important; }

/* Modal */
html.tibd-dark .tibd-keo-modal      { background: var(--c-bg); }
html.tibd-dark .tibd-keo-modal-close { background: var(--c-bg2); color: var(--c-muted); }
html.tibd-dark .tibd-keo-modal-body  { color: var(--c-text); }
html.tibd-dark .tibd-keo-modal-body td,
html.tibd-dark .tibd-keo-modal-body th { border-color: var(--c-border); }
html.tibd-dark .tibd-keo-modal-body th { background: var(--c-bg2); }
html.tibd-dark .tibd-keo-modal-body tr:nth-child(odd)  td { background: var(--c-bg2); }
html.tibd-dark .tibd-keo-modal-body tr:nth-child(even) td { background: var(--c-bg); }
html.tibd-dark .tibd-keo-overlay     { background: rgba(0,0,0,.7); }

/* Lich phat song */
html.tibd-dark .tibd-lps-header  { background: var(--c-bg2) !important; border-color: var(--c-border) !important; }
html.tibd-dark .tibd-lps-title   { color: var(--c-text) !important; }
html.tibd-dark .tibd-day-header  { background: var(--c-bg2) !important; border-color: var(--c-border) !important; color: var(--c-text) !important; }
html.tibd-dark .tibd-vs          { background: var(--c-bg2) !important; }

/* Phong do btn */
html.tibd-dark .tibd-keo-phongdo-btn {
    background: var(--c-bg3);
    border-color: var(--c-border);
    color: var(--c-blue);
}

/* ================================================================
   TOGGLE BUTTON
   ================================================================ */
.tibd-theme-toggle {
    display:        inline-flex;
    align-items:    center;
    gap:            6px;
    padding:        6px 14px;
    border-radius:  20px;
    border:         1px solid var(--c-border, #e9ecef);
    background:     var(--c-bg2, #f8f9fa);
    color:          var(--c-text, #212529);
    font-size:      13px;
    font-weight:    600;
    cursor:         pointer;
    transition:     all .2s ease;
    user-select:    none;
    vertical-align: middle;
    line-height:    1;
}
.tibd-theme-toggle:hover {
    border-color: var(--c-muted, #868e96);
    background:   var(--c-bg3, #f1f3f5);
}

/* Icon sun/moon */
.tibd-tt-icon { font-size: 16px; line-height: 1; }

/* Light mode: hien mat troi, an mat trang */
.tibd-tt-icon-dark,
.tibd-tt-label-dark  { display: none; }
.tibd-tt-icon-light,
.tibd-tt-label-light { display: inline; }

/* Dark mode: hien mat trang, an mat troi */
html.tibd-dark .tibd-tt-icon-light,
html.tibd-dark .tibd-tt-label-light { display: none; }
html.tibd-dark .tibd-tt-icon-dark,
html.tibd-dark .tibd-tt-label-dark  { display: inline; }

/* Dark mode styling cho chinh nut toggle */
html.tibd-dark .tibd-theme-toggle {
    background:   #25262b;
    border-color: #373a40;
    color:        #f1f3f5;
}
html.tibd-dark .tibd-theme-toggle:hover {
    background:   #2c2e33;
    border-color: #5c5f66;
}