body {
    --header-top-color-sp: #2e3633 !important;
    --main-color: #1b60b9 !important;
    --primary-color: var(--main-color) !important;
    --second-color: #3c78c6 !important;
    --text-primary: #0076e3 !important;
    --thr-color: #dfeaf6 !important;
    --darkmode-bg: #001f47 !important;
    --filter-menu-icon-active: brightness(0) invert(32%) sepia(87%) saturate(739%) hue-rotate(186deg) brightness(95%) contrast(90%);
    --filter-mobile-menu-icon-active: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(4296%) hue-rotate(209deg) brightness(86%) contrast(101%);
    --filter-mobile-menu-icon-active-dark: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(4296%) hue-rotate(209deg) brightness(86%) contrast(101%);
}

.dark {
    --primary-color: var(--main-color) !important;
    --second-color: #3c78c6 !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;
    }
}