:host,
:root {
    --bg-active-gradient: #ff2233 !important;
    --borders-color: #3e4351;
    --body-main: #11141c;
    --bg-main-elements: #282e3e;
    --bg-main-layouts: #1c202b;
    --text-default: #8e929f;
    --text-lighter: #fff !important;
    --text-active: #ff2233 !important;
    --preloader-color: var(--bg-active-gradient);
    --shadow-nav-button: transparent !important;
}

.live-events-widget {
    background: rgb(96 116 141 / 10%) !important;

}

.events-cards-reduced:before {
    background: none !important;
}

.live-events-widget .coupon__placebet-btn {
    background: var(--primary-color);

    color: #ffffff;
}


.discipline-icon {
    color: white;
}

.grid-el-line__title use {
    fill: #ff2233 !important;
}

.live-filters__item._active {
    background: var(--primary-color) !important;
}


.live-events-widget .live-filters__stage .live-filters__item:hover {
    /* background: ; */
    border-color: #ff2233 !important;
}



.grid-el-event.grid-el-event-pro._no-video {
    background: #161616;
}

.live-events-widget .coupon__placebet-btn {

    min-inline-size: 100px;
}


.popular-bets__bet-btn {
    background: var(--primary-color) !important;
    color: #ffffff !important;
}

.coupon__placebet-btn {
    background: var(--primary-color) !important;
    color: #ffffff !important;
}

.btc-head {
    color: #ffffff !important;
}

.games-menu__item._slots._active,
.games-menu__item._turbo-combo._active {
    color: #ffffff !important;
}

._bet-text {
    color: #ffffff !important;
}

.btc-footer .switcher-button__inner-wrapper._active .switcher-button__inner {
    background: #ffffff !important;
}


a.show_all {
    display: none;
}

.grid-el-event.grid-el-event-pro._no-video {
    background: rgb(96 116 141 / 10%) !important;
}

.outcome.active .outcome__number,
.outcome.active .outcome__status {
    color: #ffffff;
}


.mobile-menu-pro {

    position: fixed;
    transform: none !important;
    transition: transform .3s linear .5s;
    will-change: transform;
    z-index: 99999999 !important;
    bottom: 0px !important;
    /* top:0; */
}


/* div#sportsbook-app{
    margin-top: 70px !important;
}    */



a.navbar-brand.m-0.position-relative.turbo {
    width: 167px;
}

.coin-box.d-flex.align-items-center.rounded-pill.turbo-coin-box {
    width: auto !important;
}

a.navbar-brand.m-0.position-relative.turbo-logo.d-lg-none {
    width: 50px;
}

span.d-inline.d-md-none {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    top: 3px;
}



@media(max-width:767px) {
    div#app-container {
        height: 100%;
        overflow: hidden;
    }

    div#app-container .bets-history-widget--external {
        inline-size: 100% !important;
        overflow-y: auto !important;
        height: 100% !important;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
}

.bets-history-widget--external {
    inline-size: 100% !important;
}


div#app-container .bets-history-widget--external {

    height: 100vh !important;
}


@media (max-width: 992px) {

    div#app-container {
        height: 100%;
        overflow: hidden;
        /* keep this ONLY if needed */
    }

    div#app-container .bets-history-widget--external {
        inline-size: 100% !important;
        height: 100dvh;
        /* ✅ FIX instead of 100vh */
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;

        /* ✅ Hide scrollbar (works in all browsers) */
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE/Edge */
    }

    div#app-container .bets-history-widget--external::-webkit-scrollbar {
        display: none;
        /* Chrome/Safari */
    }
}