html.dark body {
    --asp-fxtr-color: #ed1b24;
}
/***********DARK********************/
.settings-toggle-input {
    display: flex;
    align-items: center;
    gap: 12px;
}

.settings-toggle-input input {
    display: none;
}

.input-toggle-label {
    position: relative;
    width: 55px;
    height: 28px;
    background: #ccc;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    display: inline-block;
}

.input-toggle-label::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: #BFC3D4;
    border-radius: 50%;
    transition: 0.3s;
}

/* لما الـ checkbox يبقى متفعل */
#dark_theme:checked + .input-toggle-label {

}

#dark_theme:checked + .input-toggle-label::before {
    margin-left: 20px;
    background: var(--asp-sldr-color);
}

/* مثال لتأثير الوضع الليلي */
html.dark body  {
    background: #0E1019;
    color: #BFC3D4;
}
html.dark .home_vnxweb.VnxSportFixture .AspMatchItem {
        background: #151825;
        color: #BFC3D4;
        border: 1px solid #191D2D;
}



html.dark .AF_League_Header ,html.dark  .AspMatchSlider ,html.dark  .search-form-wrapper .search-form input{
        background: #191D2D;


}
html.dark .AspMatchItem {
            background: #151825;

}

html.dark .AspMatchSlider .AspMatchItem ,html.dark  .AspTopSliderMatch .AspSliderInner {
    border-color: #1f2024;
}

html.dark .lSAction > a {
    background: linear-gradient(#191D2D, #22273b);
}

html.dark .mobile-search-toggle-wrap button.mobile-search-toggle path {
    fill: #fff;
}

html.dark .AspTopSliderMatch .AspSliderInner {
                background: #151825;

}
html.dark .nav-mobile {
        background: #1e2337;
}

html.dark .nav-mobile-icons a.active,html.dark  .nav-mobile-icons button.active {
    color: var(--asp-sldr-color);
}

html.dark .VnxSport_menu a ,html.dark .drop-item-wrap.submenu li a {
    color: #BFC3D4 !important;

}
html.dark .current-menu-item>a,html.dark .main-menu .current_page_item>a ,html.dark .drop-item-wrap.submenu li a:hover{
    color: var(--asp-sldr-color) !important;

}
html.dark .VnxSportFixture .AF_EvStat .AF_StaText,html.dark .VnxSport_menu a:hover , html.dark .post-item.d-flex:hover .title-inner , html.dark .vnx-footer a:hover , html.dark .breadcrumb-wrap .breadcrumb-path a:hover{
    color: var(--asp-sldr-color) !important;

}
html.dark .ap-news-list .ap-news-card {
    background: #191D2D;
}
html.dark .ap-news-list .ap-news-card:first-child {
        background: #191D2D;
}

html.dark  .AF_TableNav_Date,html.dark  .AF_TableNav_Btn,html.dark .h1,html.dark  .h2,html.dark  .h3,html.dark  .h4,html.dark  .h5,html.dark  .h6,html.dark  h1,html.dark  h2,html.dark  h3,html.dark  h4,html.dark  h5,html.dark  h6 , html.dark .AspMatchItem .asps-result {
        color: #BFC3D4;

}
html.dark .VnxSportFixture .AspMatchItem.live .matchResult,html.dark  .VnxSportFixture .AspMatchItem.finished .matchResult,html.dark  .AspMatchItem.asp_stat_1 .matchResult,html.dark  .AspMatchItem.asp_stat_5 .matchResult{
        background: #191D2D;
    color: #BFC3D4 !important;
}
html.dark .AF_LeagueDropdownToggle path {
    fill: rgb(112, 116, 136);
}
html.dark .AspTopSliderMatch .gotoDay {
    color: var(--asp-sldr-color);
    background-color: #21263a;
    border: 1px solid #21263a;
}
html.dark .login-btn {
    color: #0E1019 !important;
}
html.dark .settings-link-item h6 ,html.dark  .settings-toggle-input h6 {
        color: #BFC3D4;

}
html.dark .AF_FilterToggle {
}

html.dark .lSAction > a svg {
    stroke: #BFC3D4;
}
html.dark .AspTopSliderMatch .asp-filter-day .active, html.dark .allMatchesBtn {
    background: var(--asp-sldr-color);
    color: #191d2d;
}
html.dark .VnxSportFixture .tablinks.active {
    background: var(--asp-sldr-color);
    color: #191d2d;
}
html.dark .VnxSportFixture .tablinks {
        color: #BFC3D4;

}
html.dark .VnxSportFixture .AF_EvItem {
        background: #151825;
    border: 1px solid #20222d;
}

html.dark .VnxMatchInfo li {
    background: #191c2a;
    color: #BFC3D4;
}
html.dark .site-info.copyR {
        background: #191D2D;
}
html.dark .footer_copyRights ,html.dark .AspMatchItem .resultDiv .AF_EvTime{
    color: #BFC3D4;
}
html.dark .vnx-footer a ,html.dark  .textwidget .site-info {
    color: #BFC3D4;
    font-weight: normal;
}
html.dark .content_entry h1,html.dark  .content_entry h2,html.dark  .content_entry h3,html.dark  .content_entry h4,html.dark  .content_entry h5,html.dark  .content_entry h6 {
    color: #BFC3D4;
}
html.dark .VnxSportCard .AC_TeamTitle  ,html.dark  .asp-scoreboard .AC_Score ,html.dark .asp-scoreboard .AC_Separator {
    color: #fff;

}
html.dark .content_entry {
    color: #BFC3D4;

}

html.dark .drop-item-wrap ,html.dark .AF_FilterDropdown .AF_FilterMenu,html.dark  .AF_FilterDropdown .AF_FilterMenu {
    background: #1e2337;
        border-color: #191D2D;
    -webkit-box-shadow: 0 10px 20px #191D2D;
    box-shadow: 0 10px 20px #191D2D;
}

html.dark .AF_FilterMenu .button{
    background: #0E1019;
        border-color: #0E1019;
    -webkit-box-shadow: 0 10px 20px #0E1019;
    box-shadow: 0 10px 20px #0E1019;
}
html.dark .AF_FilterMenu .settings-wrapper + .settings-wrapper {
        border-color: #0E1019;

}
html.dark .timezone-summary {
        border: 1px solid rgb(112 116 136 / 26%);
    background: #191c2a;
    color: #BFC3D4;
}

html.dark .settings--item-wrap {
    border-color : #70748842;
}
html.dark a ,html.dark .home_vnxweb.VnxSportFixture .AspMatchItem .asps-team span,html.dark .AspMatchItem .asps-team span ,html.dark .title-inner{
color: #BFC3D4;
    
}
html.dark .AspSliderInner .aspwp-ajaxLoad {
    background: #191d2d;
}
html.dark .ap-load-more ,html.dark .pagination-centered{
    background: #191D2D;
    color: #BFC3D4;
}
html.dark .ap-load-more:hover {
        color: var(--asp-sldr-color) !important;

}

html.dark .AspMatchItem.live .asps-status{
    color: rgb(255 7 7);
}
html.dark .post-item.d-flex ,html.dark .ys-contact-card {
    background: #191D2D;
}

html.dark .timezone-menu {
    border: 1px solid #191d2d;
    background: #191d2d;
    box-shadow: 0 8px 20px #191d2d17;
}
html.dark .timezone-option:hover {
    background: #22273b;
}
html.dark .af-custom-scrollbar-thumb {
  background: rgba(255, 255, 255, 0);
}

html.dark .af-scroll-wrap:hover .af-custom-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.65);
}

html.dark .af-scroll-wrap:hover .af-custom-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.9);
}
html.dark input#search {
    color: #bfc3d4;
}

html.dark .aspi_matchTabs .aspi_tab {
        color: #BFC3D4 !important;
}
html.dark button.aspi_tab.is-active {
    color: var(--asp-sldr-color) !important;
}
html.dark .aspi_lineup ,html.dark .aspi_title ,html.dark .stncard ,html.dark #aspi_evebody li h3{
        background: #191c2a;
}
html.dark .aspi_lineup li b ,html.dark .aspi_title {
        color: #BFC3D4;
}
html.dark .aspi_lineup li {
    border-bottom: solid 1px #2c3147;
}
html.dark #aspi_evebody li h3 {
    border: 1px solid #262c45;
}
html.dark #aspi_evebody li>span {
    border: 1px solid #262c45  !important;
    background: #191c2a !important;
    color: #b3bbdd;
}
html.dark .ys-profile-row {
        background: #191c2a;
}
html.dark .breadcrumb-wrap , html.dark  .ys-comment-item ,html.dark .ajax-auth-box {
    background: #191c2a;
    border-color: #272c43;
}
html.dark textarea,html.dark input,html.dark .ys-contact-desc,html.dark .VnxSportFixture .AF_Data .AF_EvTime,html.dark .breadcrumb-wrap .breadcrumb-path a ,html.dark .ys-profile-row span , html.dark  .ys-profile-row span , html.dark  .ys-comment-post strong , html.dark  .ys-comment-content ,html.dark  .ajax-auth-box label , html.dark .comments-area .comment-list .comment-content , html.dark .comments-area .comment-list .comment-metadata a{
    color: #BFC3D4;
}
html.dark .ys-comment-link a , html.dark  .switch-form-text a{
    color: var(--asp-sldr-color) !important;
}
html.dark .ys-comment-date {
        color: #BFC3D4;
    background: #0e1019;
}
html.dark .entry-header {
        background-color: #191d2d;
}
html.dark  .box.clearfix.comments ,html.dark .comments-area .comment-list .reply a {
        background: #191d2d;
}
html.dark .comments-t , html.dark  .comment-list article.comment-body {
    background: #0e1019;
}
html.dark .comment-respond #comment,html.dark .comment-respond #author,html.dark .comment-respond #email,html.dark .comment-respond #url ,html.dark .ys-contact-field input,html.dark .ys-contact-field textarea{
        background: #0e1019;
    border: 1px solid #1c2031;
}
html.dark .comment-respond h3.comment-reply-title {
        border-bottom: 1px solid #262c43;
}
html.dark .comment-respond #comment:focus,html.dark  .comment-respond #author:focus,html.dark  .comment-respond #email:focus,html.dark  .comment-respond #url:focus {
        background: #1c2031;

}
html.dark a.drop-toggle.settings-toggle {
    background: #fff;
}
html.dark a.drop-toggle.settings-toggle path#setting_1_ {
    fill: #191d2d;
}

html.dark .entry-share ul .twitter {
    color: #BFC3D4;
}
html.dark .asp-font.VnxSportCard.match-status__5 + .aspi_tabs_inner .aspi_matchTabs {
            background: #1c2031 !important;
            border: 1px solid #1c2031;

}

.logo-dark {
    display: none;
}

html.dark  .logo-light {
    display: none;
}

html.dark  .logo-dark {
    display: inline-block;
}
html.dark #aspi_evebody .eveblock ,html.dark  #aspi_evebody div.r .eveblock::after , html.dark #aspi_evebody div.l .eveblock::after{
    background-color: #262c45 !important;
    border: 1px solid #262c45 !important;
}
html.dark #aspi_events::after {
        background-color: #262c45;

}