/* Dynamic Theme Colors - Override hardcoded colors */

/* Widget background */
.widget_bg {
    background: var(--theme-color) !important;
}

/* Navigation header */
.nav_header {
    background: var(--theme-color) !important;
}

/* Menu items */
.menu_a:hover,
.menu_a.active {
    background: var(--theme-color) !important;
}

/* Menu dropdown */
.menu_down a:hover,
.menu_down a.active {
    background: var(--theme-color) !important;
}

/* Config items */
.config-item:hover,
.config-item.active {
    background: var(--theme-color) !important;
}

/* Number config */
.number-config:hover,
.number-config.active {
    background: var(--theme-color) !important;
}

/* Live button */
.live-btn {
    background: var(--theme-color) !important;
}

.live-btn:hover {
    background: var(--theme-color-hover) !important;
}

/* Prize numbers */
.number_DB:hover {
    background: var(--theme-color) !important;
}

.xs_prize1:hover,
.xs_prize2:hover,
.xs_prize3:hover,
.xs_prize4:hover {
    background: var(--theme-color) !important;
}

/* Border colors */
.btn-number-live {
    border: solid 1px var(--theme-color) !important;
    color: var(--theme-color) !important;
}

/* Active menu items */
.menu-item3 a.active {
    background: var(--theme-color) !important;
}

/* Countdown seconds */
.count_seconds {
    background: var(--theme-color) !important;
}

/* Mobile navigation */
@media only screen and (max-width:960px) {
    .nav_header {
        background: var(--theme-color) !important;
    }
}