
dlh-light .hp-logo{content:url('https://hbvt.net/wp-content/uploads/2026/09/logo003.png');}

.dlh-light body, .dlh-light html {background-color: #f3f3f3;}
.dlh-light .hp-header {background:linear-gradient(180deg,#232428 0%,#1f2024 100%);box-shadow: 1px 3px 2px rgba(0,0,0,.70);border-radius:0px 0px 0px 0px;}
.dlh-light .hp-main {margin-top: 18px;}
.dlh-light .hp-main {background-color: #fefefe;box-shadow: 0 1px 7px rgba(171, 171, 171, 0.5);}
.dlh-light .hp-footer {background:linear-gradient(180deg,#232428 0%,#1f2024 100%);border-radius:0px 0px 0px 0px;}

.dlh-light .mtch-header {background: rgba(124,129,153, .11);border-right: 3px solid #222;border-left: 3px solid #222;box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}
.dlh-light .mtch-nav {border-color: #b6b6b6;color: #2a3142;}
.dlh-light .mtch-nav:hover {background: rgba(124,129,153, .15);color: #111;}
.dlh-light .mtch-today {color: #2a3142;}
@media (hover: hover) and (pointer: fine) {
  .dlh-light .mtch-today:hover {background: rgba(124,129,153, .10);}
}
.dlh-light .mtch-today-ic {color: #222;}
.dlh-light .mtch-today.is-today .mtch-today-txt {color: #111;}
.dlh-light .mtch-today.is-today .mtch-today-ic {color: #222;}
.dlh-light .mtch-today::after {background-color: #2a3142;}
.dlh-light .mtch-empty {background: rgba(124,129,153, .09);border: 1px solid #ced4da;border-bottom: 3px solid #222;box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);}

.dlh-light .hp-rights {color: #dfe6e9;}
.dlh-light .hp-menu a {background: #2A2B32;border: 1px solid rgba(124,129,153, .10);color: #dfe6e9;}
.dlh-light .hp-menu a:hover{border-color: #c9a84b;color: #c9a84b;}

.dlh-light .hp-faq-item:hover{border-color: #2A2B32;}
.dlh-light .hp-faq-item { background: #ffffff; border-color:#ced4da; }
.dlh-light .hp-faq-q { color: #2c2e32; }
.dlh-light .hp-faq-a-in > div{color: #2c2e32;}
.dlh-light .hp-faq-ic {color: #222;}
.dlh-light .hp-title {background: rgba(124,129,153, .13);border-color:#ced4da;border-right: 3px solid #222;border-left: 3px solid #222;box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);}
.dlh-light .hp-title-badge {color: #2c2e32;}
    

/* ============ match table ============ */

.dlh-light .mtch-card {background: #ffffff;border-color: #ced4da;}
.dlh-light .mtch-card .mtch-top {background: rgba(124, 129, 153, .05);}
.dlh-light .mtch-league {color: #2c2e32;}
.dlh-light .mtch-name {color: #2c2e32;}
.dlh-light .mtch-time {color: #2c2e32;}
.dlh-light .mtch-score {color: #2c2e32;}
.dlh-light .mtch-phase {color: #2c2e32;}
.dlh-light .mtch-minute {color: #EA2027;}
.dlh-light .mtch-statetext {color: #2c2e32;}
.dlh-light .mtch-pen {color: #2c2e32;}

.dlh-light .mtch-status[data-s="notstarted"]{color: #2c2e32;}
.dlh-light .mtch-card:has(.mtch-status[data-s="notstarted"]),
.dlh-light .mtch-tabs-body:has(.mtch-info-status[data-s="notstarted"]) { --s: #2c2e32; }
.dlh-light .mtch-status[data-s="soon"]{color: #f07c20;}
.dlh-light .mtch-card:has(.mtch-status[data-s="soon"]),
.dlh-light .mtch-tabs-body:has(.mtch-info-status[data-s="soon"])       { --s: #f07c20; }
.dlh-light .mtch-status[data-s="live"]{color:#EA2027;}
.dlh-light .mtch-card:has(.mtch-status[data-s="live"]),
.dlh-light .mtch-tabs-body:has(.mtch-info-status[data-s="live"])       { --s: #EA2027; }
.dlh-light .mtch-status[data-s="ended"]{color: #2c2e32;}
.dlh-light .mtch-card:has(.mtch-status[data-s="ended"]),
.dlh-light .mtch-tabs-body:has(.mtch-info-status[data-s="ended"])  { --s: #2c2e32; }


.dlh-light .mtch-card:has(.mtch-status[data-s="notstarted"]) { box-shadow: 0 0 4px rgba(44, 46, 50,.4); }
.dlh-light .mtch-card:has(.mtch-status[data-s="soon"])       { box-shadow: 0 0 3px rgba(240, 124, 32,.4); }
.dlh-light .mtch-card:has(.mtch-status[data-s="live"])       { box-shadow: 0 0 3px rgba(234, 32, 39,.4); }
.dlh-light .mtch-card:has(.mtch-status[data-s="ended"])      { box-shadow: 0 0 4px rgba(44, 46, 50,.4); }

.dlh-light .dlhx-card-live[data-live="1"] .dlhx-live-n{color:#EA2027;}

/* ============ match page ============ */

.dlh-light .mtch-list .mtch-card .mtch-logo, .mtch-logo {background: rgba(124, 129, 153, .07);}
.dlh-light .single-dlh_match .mtch-card:has(.mtch-status[data-s="notstarted"]) { box-shadow: 0 0 4px rgba(44, 46, 50,.4);}
.dlh-light .single-dlh_match .mtch-card:has(.mtch-status[data-s="soon"]) { box-shadow: 0 0 3px rgba(240, 124, 32,.4); }
.dlh-light .single-dlh_match .mtch-card:has(.mtch-status[data-s="live"])       { box-shadow: 0 0 3px rgba(234, 32, 39,.4); }
.dlh-light .single-dlh_match .mtch-card:has(.mtch-status[data-s="ended"])      { box-shadow: 0 0 4px rgba(44, 46, 50,.4);}

.dlh-light .mtch-tabs-nav {background:rgba(124,129,153, .20); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);}
.dlh-light .mtch-tab-btn {color:rgba(44, 46, 50, 0.8);}
.dlh-light .mtch-tab-btn:hover{background:rgba(124,129,153, .25);color:#2c2e32;}
.dlh-light .mtch-tab-btn.mtch-tab-active {background:rgba(124,129,153, .25);color:#2c2e32;}

.dlh-light body:has(.mtch-info-status[data-s="live"]) .mtch-tab-btn[data-tab="stats"]::before,
.dlh-light body:has(.mtch-info-status[data-s="live"]) .mtch-tab-btn[data-tab="events"]::before {background-color: #e23939;}

.dlh-light .mtch-tabs-body {background: #ffffff;box-shadow: none;}
.dlh-light .mtch-tabs-body {border: 1px solid #ced4da;}
.dlh-light .mtch-tabs-body:has(.mtch-panel-active .mtch-pf),
.dlh-light .mtch-tabs-body:has(.mtch-panel-active .mtch-cm),
.dlh-light .mtch-tabs-body:has(.mtch-panel-active .mtch-lu),
.dlh-light .mtch-tabs-body:has(.mtch-panel-active .mtch-free),
.dlh-light .mtch-tabs-body:has(.mtch-panel-active .mtch-ab){
  background: transparent; border-color: transparent;
}

.dlh-light .mtch-panel-active .mtch-free ~ .mtch-info,
.dlh-light .mtch-panel-active .mtch-info:has(~ .mtch-pf){
  background: #ffffff;
  border: 1px solid #ced4da;
}
.dlh-light .mtch-stats-head {background: rgba(124, 129, 153, .09);border-bottom: 1px solid #ced4da;}
.dlh-light .mtch-lineup-head {background: rgba(124, 129, 153, .09);border-bottom: 1px solid #ced4da;border-right: none;}
.dlh-light .mtch-stat-row {border-bottom: 1px solid #e4e7ec;}
.dlh-light .mtch-info-row {border-bottom: 1px solid #e4e7ec;}
.dlh-light .mtch-info-k {border-inline-end: 1px solid #ced4da;}
.dlh-light .mtch-event {border-bottom: 1px solid #ced4da;}
.dlh-light .mtch-subs-label {border-bottom: 1px solid #ced4da;}
.dlh-light .mtch-coach {border-bottom: 1px solid #ced4da;}
.dlh-light .mtch-lineup-list li {border-bottom: 1px solid #ced4da;}
.dlh-light .mtch-info-k {color: #2c2e32;}
.dlh-light .mtch-info-v {color: #2c2e32;}
.dlh-light .mtch-info-tz {color: #2c2e32;}
.dlh-light .mtch-stat-team-nm {color: #222;}
.dlh-light .mtch-stat-label {color: #2c2e32;}
.dlh-light .mtch-stat-v {color: #2c2e32;}
.dlh-light .mtch-ev-player {color: #2c2e32;}
.dlh-light .mtch-ev-team-nm {color: #2c2e32;}
.dlh-light .mtch-ev-min {color: #2c2e32;}
.dlh-light .mtch-ev-detail {color: #e87e10;}
.dlh-light .mtch-lineup-brand .mtch-team-nm {color: #2c2e32;}
.dlh-light .mtch-lineup-form {color: #6b7280;}
.dlh-light .mtch-lineup-list li {color: #2c2e32;}
.dlh-light .mtch-pl-num {color: #2c2e32;border-color: #ced4da;}
.dlh-light .mtch-subs-label {color: #e87e10;}
.dlh-light .mtch-coach {color: #e87e10;}
.dlh-light .mtch-coach-nm {color: #2c2e32;}
.dlh-light .mtch-coach-ic {color: #e87e10;border-color: #ced4da;}

.dlh-light .mtch-nodata {color: #6b7280;}






.dlh-light .dlhl-head { background: rgba(124,129,153, .11); border-color: #ced4da;box-shadow:0 0 4px rgba(0, 0, 0, 0.4) }
.dlh-light .dlhl-head-name { color: #2c2e32; }
.dlh-light .dlhl-seasons { background: #f5f6f8; color: #2c2e32; border-color: #ced4da; }
.dlh-light .dlhl-season-one { color: #6b7280; }
.dlh-light .dlhl-head-logo {filter: none;}

.dlh-light .dlhl-tabs-nav {background:rgba(124,129,153, .20); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);}
.dlh-light .dlhl-tab-btn {color:rgba(44, 46, 50, 0.8);}
.dlh-light .dlhl-tab-btn:hover {background:rgba(124,129,153, .25);color:#2c2e32;}
.dlh-light .dlhl-tab-btn.dlhl-tab-on {background:rgba(124,129,153, .25);color:#2c2e32;}

.dlh-light .dlhl-nodata {background: #ffffff; border-color: #ced4da; color: #6b7280; }

.dlh-light .dlhl-grp-title { background: rgba(124, 129, 153, .09); border-color: #ced4da; color: #2c2e32; }
.dlh-light .dlhl-tbl-wrap {background: #ffffff;border-color: #ced4da; }
.dlh-light .dlhl-tbl th { background: rgba(124, 129, 153, .09); color: #6b7280;border-bottom-color: #ced4da; }
.dlh-light .dlhl-tbl th, .dlh-light .dlhl-tbl td { border-bottom-color: #ced4da; border-inline-end-color: #ced4da; }
.dlh-light .dlhl-tbl tbody tr:hover { background: rgba(124, 129, 153, .09); }
.dlh-light .dlhl-c-rank { color: #2c2e32; }
.dlh-light .dlhl-c-pts { color: #2c2e32; }
.dlh-light .dlhl-t-nm { color: #2c2e32; }
.dlh-light .dlhl-c-n { color: #2c2e32; }
.dlh-light .dlhl-live-sc { background: rgba(226,57,57,.1); color: #d13030; }
.dlh-light .dlhl-legend { color: #6b7280; }

.dlh-light .dlhl-pl-box { background: #ffffff; border-color: #ced4da; }
.dlh-light .dlhl-pl-head { background: rgba(124, 129, 153, .09); color: #2c2e32; border-bottom-color: #ced4da; }
.dlh-light .dlhl-pl-row { border-bottom-color: #e4e7ec; }
.dlh-light .dlhl-pl-rank { border-color: #e4e7ec; color: #6b7280; }
.dlh-light .dlhl-pl-name { color: #2c2e32; }
.dlh-light .dlhl-pl-sub { color: #6b7280; }
.dlh-light .dlhl-pl-valn { color: #2c2e32; }
.dlh-light .dlhl-pl-valu { color: #6b7280; }
.dlh-light .dlhl-pl-ph { background: #f1f2f4; border-color: #e4e7ec; }
.dlh-light .dlhl-pl-ph-none svg { fill: #c3c7cf; }
.dlh-light .dlhl-pl-more { background: rgba(124, 129, 153, .09);color: #2c2e32; border-top-color: #ced4da; }
.dlh-light .dlhl-pl-more:hover { background: rgba(124,129,153, .18) }

.dlh-light .dlhl-modal { background: rgba(18,32,60,.45); }
.dlh-light .dlhl-modal-box { background: #ffffff; border-color: #e4e7ec; }
.dlh-light .dlhl-modal-head { background: #f5f6f8; color: #2c2e32; border-bottom-color: #e4e7ec; }
.dlh-light .dlhl-modal-x { color: #6b7280; }
.dlh-light .dlhl-modal-x:hover { color: #e87e10; }

.dlh-light .dlhx-tabs-nav {background:rgba(124,129,153, .20); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);}
.dlh-light .dlhx-tab-btn {color:rgba(44, 46, 50, 0.8);}
.dlh-light .dlhx-tab-btn:hover {background:rgba(124,129,153, .25);color:#2c2e32;}
.dlh-light .dlhx-tab-btn.dlhx-tab-on {background:rgba(124,129,153, .25);color:#2c2e32;}
.dlh-light .dlhx-card { background: #ffffff;border-color: rgba(0, 0, 0, 0.1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); }

.dlh-light .dlhx-card-logo { background: #f5f6f8; }
.dlh-light .dlhx-card-nm { color: #2c2e32; }
.dlh-light .dlhx-card-live{border-inline-start:1px solid #ced4da;}
.dlh-light .dlhx-live-lb {color: #2c2e32;}

.dlh-light .single-dlh_match .dlhx-card { background: rgba(124, 129, 153, .09);box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);}
.dlh-light .dlhl-md { background: #ffffff; border-color: #ced4da; }
.dlh-light .dlhl-md-head { background: rgba(124, 129, 153, .09); color: #2c2e32; border-bottom-color: #ced4da; }
.dlh-light .dlhl-mt { border-bottom-color: #e4e7ec; }
.dlh-light .dlhl-mt-link:hover { background: rgba(0,0,0,.03); }
.dlh-light .dlhl-mt-nm { color: #2c2e32; }
.dlh-light .dlhl-mt-g { color: #2c2e32; }
.dlh-light .dlhl-mt-side { border-inline-start: 1px solid #ced4da; }
.dlh-light .dlhl-mt-time { color: #2c2e32; }
.dlh-light .dlhl-mt-badge { background: rgba(124, 129, 153, .13); color: #6b7280; }
.dlh-light .dlhl-mt-badge-live { background: rgba(234, 32, 39, .10); color: #EA2027; }
.dlh-light .dlhl-mt-badge-live::before { background: #EA2027; }
.dlh-light .mtch-pf-live { background: rgba(234, 32, 39, .10); color: #EA2027; }
.dlh-light .dlhl-md-more { background: rgba(124, 129, 153, .09); color: #2c2e32; border-color: #ced4da; }
.dlh-light .dlhl-md-more:hover { background: rgba(124,129,153, .18); }
.dlh-light .dlhl-sub-nav { border-bottom-color: #ced4da; }
.dlh-light .dlhl-sub-btn { color: #6b7280; }
.dlh-light .dlhl-sub-btn:hover { color: #2c2e32; }
.dlh-light .dlhl-sub-btn.dlhl-sub-on { color: #222; border-bottom-color: rgb(34 34 34 / 60%); }
.dlh-light .dlhl-md-round { color: #6b7280; }

.dlh-light .mtch-ev-in .mtch-ev-tag { color: #1e7d43; background: rgba(63,191,106,.14); border-color: rgba(30,125,67,.35); }
.dlh-light .mtch-ev-in .mtch-ev-nm { color: #2c2e32; }
.dlh-light .mtch-ev-out .mtch-ev-tag { color: #b33a3a; background: rgba(224,108,108,.14); border-color: rgba(179,58,58,.32); }
.dlh-light .mtch-ev-out .mtch-ev-nm { color: #6b7280; }

.dlh-light .mtch-ab,
.dlh-light .mtch-lu { background: #ffffff; border-color: #ced4da; }
.dlh-light .mtch-ab-head { background: rgba(124, 129, 153, .09); color: #2c2e32; border-bottom-color: #ced4da; }
.dlh-light .mtch-ab-club { border-bottom-color: #ced4da;background: rgba(124, 129, 153, .09); }
.dlh-light .mtch-ab-brand .mtch-team-nm { color: #2c2e32; }
.dlh-light .mtch-ab-list li { color: #2c2e32; border-bottom-color: #e4e7ec; }
.dlh-light .mtch-ab-why { color: #6b7280; }

.dlh-light .mtch-pf { background: #ffffff; border-color: #ced4da; }
.dlh-light .mtch-pf-head { background: rgba(124, 129, 153, .09); color: #2c2e32; border-bottom-color: #ced4da; }
.dlh-light .mtch-pf-tbl th { color: #6b7280; background: rgba(124,129,153,.09); }
.dlh-light .mtch-pf-tbl td { color: #2c2e32; }
.dlh-light .mtch-pf-tbl th, .dlh-light .mtch-pf-tbl td { border-bottom-color: #e4e7ec; border-inline-end-color: #e4e7ec; }
.dlh-light .mtch-pf-c-pts { color: #12203c; }

.dlh-light .mtch-cm { background: #ffffff; border-color: #ced4da; }
.dlh-light .mtch-cm-head { background: rgba(124, 129, 153, .09); border-bottom-color: #ced4da; }
.dlh-light .mtch-cm-ttl { color: #2c2e32; }
.dlh-light .mtch-cm-sub { color: #6b7280; }
.dlh-light .mtch-pf-sub { color: #6b7280; }
.dlh-light .mtch-cm-nm { color: #2c2e32; }
.dlh-light .mtch-cm-teams { border-bottom-color: #ced4da;background: rgba(124, 129, 153, .05); }
.dlh-light .mtch-cm-row { border-bottom-color: #e4e7ec; }
.dlh-light .mtch-cm-v { color: #12203c; }
.dlh-light .mtch-cm-lb { color: #2c2e32; }

/* ---------- Bars, prediction bar, last 5, head to head ---------- */
html.dlh-light{
  --mtch-c-h:#3f7fc0;
  --mtch-c-a:#9b7950;
  --mtch-c-dr:#c3cad3;
  --mtch-c-drtx:#2c2e32;
  --mtch-c-segtx:#ffffff;
  --mtch-c-track:#e9edf2;
  --mtch-c-line:#e4e7ec;
  --mtch-c-tx:#2c2e32;
  --mtch-c-mut:#6b7280;
  --mtch-c-w:#2f9466;
  --mtch-c-wbg:rgba(47,148,102,.1);
  --mtch-c-l:#c4514a;
  --mtch-c-lbg:rgba(196,81,74,.1);
  --mtch-c-d:#7d8896;
  --mtch-c-dbg:rgba(125,136,150,.12);
}

.dlh-light .mtch-pl-ph{background:#f1f2f4;border-color:#e4e7ec;}
.dlh-light .mtch-pl-ph-none svg{fill:#c3c7cf;}
.dlh-light .mtch-pl-rate{background:rgba(124,129,153,.10);color:#2c2e32;}
.dlh-light .mtch-pl-rate[data-t="hi"]{color:#0F7B0F;background:rgba(15,123,15,.10);}
.dlh-light .mtch-pl-rate[data-t="mid"]{color:#c96a10;background:rgba(240,124,32,.12);}
.dlh-light .mtch-pl-rate[data-t="low"]{color:#c0392b;background:rgba(234,32,39,.10);}

.dlh-light .mtch-pl-pos {color:#6b7280;}



.dlh-light .mtr-head{background:rgba(124,129,153,.15);border-color:#ced4da;}
.dlh-light .mtr-head:hover{background:rgba(124,129,153,.12);}
.dlh-light .mtr-row{background:#fefefe;border:1px solid #e4e7ec;box-shadow: 0 4px 10px rgba(18, 38, 63, 0.08);transition: box-shadow .2s ease, transform .2s ease;}
.dlh-light .mtr-lg-nm{color:#2c2e32;}
.dlh-light .mtr-count{color:#6b7280;}
.dlh-light .mtr-caret{border-top-color:#6b7280;}
.dlh-light .mtr-row:hover{background:rgba(124,129,153,.07);border-color:#b9c1cc;}

.dlh-light .mtr-fic-live{color:#EA2027;}

.dlh-light .mtr-pool-body {gap:2px;}
.dlh-light .mtr-body {gap:2px;}

.dlh-light .mtr-filter{background:rgba(124,129,153, .16); box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);}
.dlh-light .mtr-fbtn{color:rgba(44, 46, 50, 0.8);}
.dlh-light .mtr-fbtn:hover{background:rgba(124,129,153, .25);color:#2c2e32;}
.dlh-light .mtr-fbtn-on{background:rgba(124,129,153, .25);color:#2c2e32;}
.dlh-light .mtr-fnum{background:rgba(124,129,153,.14);}

.dlh-light .mtr-none{background:#ffffff;border-color:#ced4da;color:#6b7280;}

.dlh-light .mtp-row{background:#fefefe;border:1px solid #e4e7ec;box-shadow: 0 4px 10px rgba(18, 38, 63, 0.06);transition: box-shadow .2s ease, transform .2s ease;}
.dlh-light .mtp-row:hover{background:rgba(124,129,153,.07);border-color:#b9c1cc;}

.dlh-light .mtr-name,
.dlh-light .mtp-name {color: #2c2e32;}
.dlh-light .mtr-time,
.dlh-light .mtp-time {color: #2c2e32;}
.dlh-light .mtr-score,
.dlh-light .mtp-score {color: #2c2e32;}
.dlh-light .mtr-phase,
.dlh-light .mtp-phase {color: #2c2e32;}
.dlh-light .mtr-minute,
.dlh-light .mtp-minute {color: #EA2027;}
.dlh-light .mtr-statetext,
.dlh-light .mtp-statetext {color: #344054;}
.dlh-light .mtr-pen,
.dlh-light .mtp-pen {color: #2c2e32;}
.dlh-light .mtr-row[data-s="soon"] .mtr-statetext,
.dlh-light .mtp-row[data-s="soon"] .mtp-statetext{color:#DE5C3E;}

.dlh-light .mtch-single .mtch-score {color:#2c2e32;}
.dlh-light .mtch-single .mtch-pen {color:#2c2e32;}


.dlh-light .dlhq{
  --dlhq-bg:#f7f8fa;
  --dlhq-bd:#e6eaf0;
  --dlhq-head:#101828;
  --dlhq-text:#667085;
}

.dlh-light .dlhq-c {background:rgba(124, 129, 153, .11);border-color:#ced4da;}
.dlh-light .dlhq-ic {background:rgba(124, 129, 153, .03);}
.dlh-light .dlhq-c:hover{
  border-color:#c9a84b;
}


.dlh-light .dlhq{
  --dlhq-ic-bg:#E9EDF2;
  --dlhq-ic-color:#C9962E;
}


.dlh-light .vzlw{
  --vzlw-card-bg:#ffffff;
  --vzlw-text:#1f2937;
  --vzlw-border:#e6e8ec;
  --vzlw-shadow:0 6px 22px rgba(17,24,39,.10);
}


