body {
    --header-top-color-sp: #2e3633 !important;
    --main-color: #005030 !important;
    --primary-color: var(--main-color) !important;
    --second-color: #03472c !important;
    --text-primary: #36aa7c !important;
    --thr-color: #edfff8 !important;
    --filter-menu-icon-active: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(2915%) hue-rotate(115deg) brightness(96%) contrast(101%);
    --filter-mobile-menu-icon-active: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(2915%) hue-rotate(115deg) brightness(96%) contrast(101%);
    --filter-mobile-menu-icon-active-dark: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(2915%) hue-rotate(115deg) brightness(96%) contrast(101%);
}

.dark {
    --primary-color: var(--main-color) !important;
    --second-color: #03472c !important;
}

@media (max-width: 768px) {
    /* css.css / iframe-css.css hardcode #3a7f1a (màu bongdalu) cho badge round
       thay vì dùng var(--main-color), nên phải override riêng ở đây. */
    body #i_main .match-time > .round {
        background: var(--main-color) !important;
    }
    .sport_theme_header-main .sport-theme-header-menu .menu-title-wrapper {
        background-color: transparent;
    }
    .sport_theme_header-main .sport-theme-header-menu .current-menu-item .menu-title-wrapper,
    .sport_theme_header-main .sport-theme-header-menu .menu-item:hover .menu-title-wrapper {
        background-color: #ffffff;
        color: var(--primary-color);
    }
    .sport-theme-mobile-menu .menu-item.current-menu-item > a {
        background-color: #fff;
    }
    .sport-theme-mobile-menu .menu-item.current-menu-item img {
        filter: var(--filter-mobile-menu-icon-active) !important;
    }
}