/*
 * VOOVBET Kırmızı / Beyaz Tema
 * Kaynak CSS'teki sarı-altın vurgu renkleri logodaki kırmızı, beyaz ve koyu kırmızı tonlarına çevrilmiştir.
 * Yerleşim ve ölçüler korunmuştur.
 */

html{
    --b: 16, 16, 16 !important;
    --header: 16, 16, 16 !important;
    --menu: 16, 16, 16 !important;
    --menu-sc: 255,255,255 !important;
    --hero: 246, 2, 12 !important;
    --oc-1: 246, 2, 12 !important;
    --oc-2:152, 0, 0 !important;
    --desktop-header-height: 65px !important;
}

.layout-bc{
    background-image:url(https://backoffice.aventoriax.com/images/uploads/2026/08/e0b32b36-d51a-44ab-b30d-f7052ad76c42.png
);
    background-size: 100%;
    background-attachment: fixed!important;
    background-repeat: no-repeat!important;
}
html.is-web #root { 
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
}

.header-custom-buttons a[class*=promotions], .hdr-user-bc a[class*=promotions] {
    color: rgb(0 0 0) !important;
}

.status-popup-content-w-bc {
    background: #13131300 !important;
}

.popup-inner-bc {
    background: #131313ba !important;
    backdrop-filter: blur(5px) !important;
}

.slider-market-coefficient-container .market-bc:not(.active) {
    background: #131313 !important;
    box-shadow: 3px 0 24px rgb(255 255 255 / 20%);
    border-radius: 7px !important;
}


.header-bc {
    width: 100% !important;
    background: #131313 !important;
    justify-self: anchor-center !important;
}

.nav-content-bc {
    display: flex;
    flex-direction: column;
    position: relative;
    background: rgb(19 19 19 / 0%) !important;
    border-radius: var(--border-radius);
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: rgb(31 31 31 / 52%) !important;
    backdrop-filter: blur(5px) !important;
}

.sp-button-bc:hover, .sp-button-bc.active {
    color: rgb(246 2 12) !important;
    box-shadow: inset 0px 0px 14px 4px #383838 !important;
}

.nav-menu-container.header-navigation:first-child {
    position: relative;
    border-radius: var(--border-radius);
    z-index: 1;
    background: rgb(255 255 255 / 0%) !important;
}

.nav-menu-container.header-navigation:nth-child(2) {
    background: rgb(17 17 17) !important;
    border-radius: var(--border-radius);
}

.casinoProviderRow {
    height: 58px;
    display: flex;
    align-items: center;
    position: sticky;
    left: 0;
    z-index: 100;
    text-transform: uppercase;
    background: rgb(0 0 0 / 0%) !important;
}

[class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper {
    background: rgb(2 2 2) !important;
    border-radius: var(--border-radius-big);
    border: 1px solid rgba(var(--b-sc), .15);
}

.casinoGameListBlockHeader {
    width: 100%;
    position: sticky;
    left: 0;
    z-index: 100;
    background-color: rgb(5 19 56 / 0%) !important;
    padding-bottom: 12px;
}

[class*=is-web] .casinoCategoryChooserContainer {
    height: 64px;
    position: sticky;
    top: var(--stickyProvider);
    left: 0;
    background: rgb(5 19 56 / 0%) !important;
    padding: 2px 0;
    z-index: 11;
}

[class*=is-web] .searchInputWrp {
    position: relative;
    background-color: rgb(17 17 17) !important;
}

.nav-menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 10px 16px !important;
    margin-right: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #e6e6e6 !important;
    background: linear-gradient(180deg, #1a1a1a 0%, #131313 100%) !important;
    border: 1px solid transparent !important;
    border-image: linear-gradient(to left, #13131321 5%, #f6020c 50%, #13131321 95%) 100% 0 100% 0 / 0px 0 1px 0 stretch !important;
    border-radius: 6px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease, border-image 0.3s ease !important;
}

.layout-header-holder-bc > .header-bc > .hdr-main-content-bc {
    background-color: #131313 !important;
}

.layout-header-holder-bc {
    margin-bottom: var(--desktop-header-margin-bottom);
    position: sticky;
    top: 0;
    z-index: 952;
    background: rgb(19 19 19) !important;
    box-shadow: 0 var(--desktop-header-margin-bottom) 0 0 rgb(19 19 19) !important;
}

.btn.a-color.header-icon-text.bc-i-standings {
    background: transparent !important;
    border-image: linear-gradient(to left, #13131321 0%, #ffffff 50%, #13131321 100%) 100% 0 100% 0 / 1px 0 1px 0 stretch !important;
    border-top: 1px solid !important;
    color: white !important;
    animation: pulse-white 1s infinite !important;
}

.hdr-user-bc > .btn.s-small.sign-in {
    border-image: linear-gradient(to left, #13131321 0%, #ffffff 50%, #13131321 100%) 100% 0 100% 0 / 1px 0 1px 0 stretch !important;
    color: white !important;
    padding-right: 10px;
    padding-left: 10px;
    background: #131313 !important;
}

.btn.register, .btn.btn-color {
    padding: 0 8px;
    color: rgb(0 0 0) !important;
    background: rgb(253 253 253) !important;
    transition: background var(--default-transition-duration);
}

#smart-panel-holder {
    border-image: linear-gradient(to left, #13131321 0%, #ffffff 50%, #13131321 100%) 100% 0 100% 0 / 1px 0 1px 0 stretch !important;
    color: white !important;
    background: transparent !important;
}

::-webkit-scrollbar-thumb {
    background: #f6020c !important;
}

html.is-web ::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #0b0b0b !important;
}

.nav-content-bc, .nav-content-bc .nav-menu-container .nav-menu-sub {
    border-image: linear-gradient(to left, #13131321 5%, #f6020c 50%, #13131321 95%) 100% 0 100% 0 / 1px 0 0px 0 stretch !important;
    border: 1px solid;
}

.hdr-main-content-bc .infoTime {
    position: relative;
    flex-shrink: 0;
    min-width: 62px;
    height: 28px;
    color: rgba(var(--header-sc), 1);
    padding: 0 6px;
    background: rgb(255 255 255 / 0%);
    border-radius: var(--border-radius);
    font-size: 12px;
    border-image: linear-gradient(to left, #13131321 0%, #ffffff 50%, #13131321 100%) 100% 0 100% 0 / 1px 0 1px 0 stretch !important;
    color: white !important;
    background: transparent !important;
}

.authentication-popup {
    background: rgb(40 40 40 / 50%) !important;
}

.compact-footer .open-footer-icon {
    background: rgb(37 37 37) !important;
}

.nav-menu-item:hover {
    background: linear-gradient(180deg, #222222 0%, #1a1a1a 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 0 8px rgba(246, 2, 12, 0.3) !important;
}

.sp-button-bc {
    background: #131313 !important;
}

.hdr-smart-panel-holder-arrow-bc:after {
    border-color: #00000000 #00000000 rgb(246 2 12);
}

.generic-search-btn i, .generic-search-close-btn i {
    position: relative;
    font-size: 14px;
    color: rgb(19 19 19) !important;
    z-index: 1;
}

.generic-search-btn:before, .generic-search-close-btn:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(246 2 12) !important;
}

.informative-widget-link {
    display: flex;
    justify-content: center;
    background: linear-gradient(45deg, #34343480, #131313) !important;
    border-top: 2px solid rgb(54 54 54) !important;
    border-radius: var(--border-radius);
}

.informative-widget {
    background: rgb(19 19 19) !important;
    border-radius: var(--border-radius);
    margin-top: 4px;
}

.ftr-game-item-bc {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/assets/feature-game-bg.DylVRaHb.png?v=490);
    background-color: #131313 !important;
}

.layout-footer-holder-bc {
    background: rgb(5 19 56 / 0%) !important;
    padding-inline-start: 10px;
    padding-inline-end: 5px;
}

.ftr-copy-rights-bc {
    margin-top: 15px;
    padding-top: 15px;
    color: rgb(255 255 255 / 20%);
    border-top: 1px solid rgb(255 255 255 / 20%);
}

[dir=ltr] .horizontalSliderNav:last-child:after {
    right: 0;
    background-image: linear-gradient(to left, rgb(129 129 129 / 29%) 0%, transparent 100%) !important;
}

.header-icon {
            width: 86px !important;
            /* margin-top: 8px; * */
            }
/* Footer * */
.horizontalSliderRow .footerSliderImage{
    background-color:transparent !important;
    min-width:auto !important;
    width:auto !important;
}
.horizontalSliderRow .footerSliderImage img{
    filter:none!important;
    opacity: 1!important;
    width:auto !important;
}
.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter>.horizontalSliderRow>a {
    background: transparent !important;
    min-width: 175px!important;
}
.horizontalSliderWrapper.horizontalItemsExpanded.alignedCenter>.horizontalSliderRow>a img {
    width: 160px !important;
}

/*menu center * */
ul.nav-menu.nav-menu-hide-items {
    justify-content:  center !important;
}

/*Copyrigh* */
.footerCopyrightBlock:after {
    font-size: 14px!important;
    color: rgba(var(--b-sc),.5) !important;
    content: "VOOVBET.COM" !important;
}
p.footerCopyrights {
    display: none !important;
}

.footerCopyrightBlock{
    justify-content:center !important;
}

.bc-i-promotions-3{
    background-color: #fff !important;
}

.left-menu-container,
.layout-bc .left-menu-container,
.sportsbook-container .left-menu-container {
    background: rgba(17, 17, 17, .46) !important;
    -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
    backdrop-filter: blur(16px) saturate(135%) !important;
    border-right: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: 12px 0 34px rgba(0,0,0,.18) !important;
}

.left-menu-container .left-menu-scroll,
.left-menu-container .sp-sub-list-bc,
.left-menu-container .sp-s-l-b-content-wrp,
.left-menu-container .sp-s-l-b-content-bc {
    background: transparent !important;
}

.bs-inputs-bc {
    background: linear-gradient(0deg, #131313, #292929) !important;
}

.betslip-bonus-info {
    background: rgb(0 0 0) !important;
}

.left-menu-scroll>.sp-sub-list-bc.active>.sp-s-l-head-bc {
    background: rgba(255,255,255,.08) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
}

.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-wrp>.sp-s-l-b-content-bc>.sp-sub-list-bc .sp-s-l-b-content-bc {
    background: rgba(15,15,15,.32) !important;
}

.left-menu-container .second-tabs-bc .tab-bc:hover, .left-menu-container .second-tabs-bc .tab-bc.active {
    color: rgba(var(--hero-sc), 1);
    background: rgba(255,255,255,.10) !important;
}

.sportsbook-container.multi-column-view .multi-column-resize-block {
    background: #1313136e !important;
    backdrop-filter: blur(5px) !important;
}

.sportsbook .sgm-market-search {
    box-shadow: 0 0 0 2px rgb(17 17 17) !important;
    background: rgb(19 19 19) !important;
}

.market-bc:not(.disabled-market-bc,.m-g-header):hover .market-odd-bc, .market-bc:not(.disabled-market-bc,.m-g-header):hover .market-icon-bc {
    color: rgb(0 0 0) !important;
}

.market-bc.active .market-odd-bc, .market-bc.active .market-icon-bc {
    color: rgb(0 0 0) !important;
}

.market-bc.active {
    background: linear-gradient(45deg, #980000, #f6020c) !important;
}

[dir=ltr] .horizontal-sl-list.scroll-start.scroll-end:after, [dir=ltr] .horizontal-sl-list.scroll-start:after, [dir=ltr] .horizontal-sl-tab.scroll-start.scroll-end:after, [dir=ltr] .horizontal-sl-tab.scroll-start:after {
    background: linear-gradient(to left, rgb(95 95 95) 0%, transparent 100%) !important;
}



.market-bc:not(.disabled-market-bc,.m-g-header):hover {
    color: rgb(255 255 255);
    background: rgb(255 255 255 / 60%) !important;
}

/*Esports* */

.ss-input-bc {
    background: rgb(19 19 19) !important;
}

.ss-icon-holder-bc {
    background: #131313 !important;
}

/*homepage* */
.layout-bc:not(.hasLeftMenu) .layout-content-holder-bc,
.layout-bc:not(.hasLeftMenu) .layout-footer-holder-bc {
   padding: 0 30px!important;
   max-width: var(--layout-width)!important;
   margin: 0 auto!important;
}

.layout-header-holder-bc .hm-row-bc:nth-child(2){
    display: none 
}

.my-profile-info-block .m-nav-items-list-item-bc:has(.payment-logo) {
    padding: 0px !important;
}
.my-profile-info-block .m-nav-items-list-item-bc .payment-logo {
    object-fit: fill !important;
}
/*header icons* */
a.btn.a-color.header-icon-text.bc-i-applications {
    position: absolute !important;
    left: 250px !important;
    top: 6px !important;
    background: url(https://backoffice.aventoriax.com/images/768a1eb5-b239-4585-a7c3-68598dafe860.png) !important;
    background-repeat: no-repeat !important;
    width: 82px !important;
    background-size: cover !important;
    height: 46px !important;
}

.bc-i-applications:before {
    content: ""!important;
}

.dep-w-info-bc .entrance-f-item-bc {
    display: none;
}


/* Arka katman * */
#root::before {
    opacity: .22 !important;
    background-size: 70px auto, 55px auto, 85px auto, 60px auto, 75px auto !important;
    animation: flagLayerOne 18s linear infinite !important;
}

/* Ön katman * */
#root::after {
    opacity: .30 !important;
    background-size: 95px auto, 75px auto, 110px auto, 85px auto, 70px auto !important;
    animation: flagLayerTwo 26s linear infinite !important;
}

@keyframes flagLayerOne {
    0% {
        background-position:
            5vw -20vh,
            28vw -45vh,
            52vw -10vh,
            75vw -35vh,
            92vw -60vh;
        transform: translateX(0);
    }

    50% {
        transform: translateX(35px);
    }

    100% {
        background-position:
            8vw 120vh,
            25vw 95vh,
            55vw 130vh,
            72vw 105vh,
            88vw 140vh;
        transform: translateX(-25px);
    }
}

@keyframes flagLayerTwo {
    0% {
        background-position:
            15vw -60vh,
            38vw -15vh,
            62vw -50vh,
            82vw -25vh,
            48vw -80vh;
        transform: translateX(0);
    }

    50% {
        transform: translateX(-45px);
    }

    100% {
        background-position:
            18vw 130vh,
            35vw 115vh,
            65vw 145vh,
            78vw 110vh,
            45vw 135vh;
        transform: translateX(30px);
    }
}
@media screen and (max-width: 1366px) {
    a.btn.a-color.header-icon-text.bc-i-applications{
        left: 200px!important;
    }
}


html {
    --hero: 246, 2, 12 !important;
    --hero-sc: 255, 255, 255 !important;
    --oc-1: 246, 2, 12 !important;
    --oc-2: 152, 0, 0 !important;
}

/* Profil dropdown: sadece renk/zemin, boyut oynatmaz * */
ul.nav-menu-sub,
.nav-menu-sub,
.nav-content-bc .nav-menu-container .nav-menu-sub,
.hdr-user-bc .nav-menu-sub {
    background: rgba(16, 16, 16, .96) !important;
    border: 1px solid rgba(246, 2, 12, .24) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .42) !important;
    backdrop-filter: blur(8px) !important;
}

ul.nav-menu-sub .nav-menu-item,
.nav-menu-sub .nav-menu-item,
.hdr-user-bc .nav-menu-sub .nav-menu-item {
    color: rgba(255, 255, 255, .88) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

ul.nav-menu-sub .nav-menu-item i,
.nav-menu-sub .nav-menu-item i,
.hdr-user-bc .nav-menu-sub .nav-menu-item i {
    color: #f6020c !important;
}

ul.nav-menu-sub .nav-menu-item:hover,
.nav-menu-sub .nav-menu-item:hover,
.hdr-user-bc .nav-menu-sub .nav-menu-item:hover {
    color: #101010 !important;
    background: linear-gradient(90deg, #f6020c 0%, #980000 100%) !important;
}

ul.nav-menu-sub .nav-menu-item:hover i,
.nav-menu-sub .nav-menu-item:hover i,
.hdr-user-bc .nav-menu-sub .nav-menu-item:hover i {
    color: #101010 !important;
}

.logout-profile .userLogoutBtn,
ul.nav-menu-sub .userLogoutBtn {
    color: rgba(255, 255, 255, .88) !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(246, 2, 12, .18) !important;
    box-shadow: none !important;
    transform: none !important;
}

.logout-profile .userLogoutBtn:hover,
ul.nav-menu-sub .userLogoutBtn:hover {
    color: #101010 !important;
    background: linear-gradient(90deg, #f6020c 0%, #980000 100%) !important;
}

/* Oranlar: mavi zeminleri kır, boyut/height/min-width verme * */
.market-bc:not(.m-g-header),
.sgm-market-g-i-cell-bc.market-bc,
.slider-market-coefficient-container .market-bc,
.sportsbook .market-bc:not(.m-g-header),
.sportsbook-container .market-bc:not(.m-g-header) {
    background: #151515 !important;
    border: 1px solid rgba(246, 2, 12, .20) !important;
    box-shadow: none !important;
}

.market-bc .market-odd-bc,
.market-bc .market-icon-bc,
.sgm-market-g-i-cell-bc .market-odd-bc,
.slider-market-coefficient-container .market-odd-bc {
    color: #f6020c !important;
}

.market-bc:not(.disabled-market-bc,.m-g-header):hover,
.sgm-market-g-i-cell-bc.market-bc:not(.disabled-market-bc,.m-g-header):hover,
.slider-market-coefficient-container .market-bc:not(.disabled-market-bc,.m-g-header):hover,
.market-bc.active,
.sgm-market-g-i-cell-bc.market-bc.active,
.slider-market-coefficient-container .market-bc.active {
    background: linear-gradient(90deg, #f6020c 0%, #980000 100%) !important;
    border-color: rgba(246, 2, 12, .65) !important;
    box-shadow: 0 0 12px rgba(246, 2, 12, .18) !important;
}

.market-bc:not(.disabled-market-bc,.m-g-header):hover .market-odd-bc,
.market-bc:not(.disabled-market-bc,.m-g-header):hover .market-icon-bc,
.market-bc.active .market-odd-bc,
.market-bc.active .market-icon-bc,
.sgm-market-g-i-cell-bc.market-bc.active .market-odd-bc,
.slider-market-coefficient-container .market-bc.active .market-odd-bc {
    color: #101010 !important;
}

/* V6'dan kalmış büyütme/ölçek varsa etkisizleştir * */
.market-bc,
.sgm-market-g-i-cell-bc.market-bc,
.slider-market-coefficient-container .market-bc,
ul.nav-menu-sub .nav-menu-item,
.nav-menu-sub .nav-menu-item,
.logout-profile .userLogoutBtn {
    scale: 1 !important;
}

/* Footer: full-width arka plan, içerik template genişliğinde * */
.layout-footer-holder-bc,
.layout-bc:not(.hasLeftMenu) .layout-footer-holder-bc {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #101010 !important;
}

.footerWrapper,
.footerContainer {
    background: #101010 !important;
    box-sizing: border-box !important;
}

.footerWrapper .footerContainer,
.footerContainer {
    max-width: 1400px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    position: relative !important;
}

/* Eski absolute/margin hacklerini iptal et * */
.footerWrapper .footerLinksSection,
[class*=is-web] .footerLinksSection {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr) !important;
    gap: 32px !important;
    align-items: start !important;
    position: relative !important;
}

.footerWrapper .footerLinksSection:before,
[class*=is-web] .footerLinksSection:before {
    content: "" !important;
    display: block !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 420px !important;
    aspect-ratio: 660 / 182 !important;
    height: auto !important;
    background-image: url(https://backoffice.aventoriax.com/images/uploads/2026/08/voovbet-footer-logo-info.png) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: contain !important;
}

.footerLinkCols {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
    gap: 18px 24px !important;
    align-items: start !important;
    justify-content: initial !important;
}

.footerLinkCol {
    width: auto !important;
    min-width: 0 !important;
    flex: none !important;
}

.footerLinkColTitle {
    color: #f6020c !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

.footerLinkColEl a,
.footerLinkColEl {
    color: rgba(255, 255, 255, .76) !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

.footerLinkColEl a:hover {
    color: #f6020c !important;
}

.footerWrapper .footerInnerLeftCol,
.footerWrapper .footerInfoColumn,
.footerInnerLeftCol,
.footerInfoColumn {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
}

.footerCopyrightBlock:after {
    content: none !important;
}

p.footerCopyrights {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, .45) !important;
}

.ftr-copy-rights-bc,
.footerCopyrightBlock {
    color: rgba(255, 255, 255, .45) !important;
    font-size: 12px !important;
    border-top: 1px solid rgba(246, 2, 12, .14) !important;
}

@media (max-width: 1024px) {
    .footerWrapper .footerLinksSection,
    [class*=is-web] .footerLinksSection {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .footerWrapper .footerLinksSection:before,
    [class*=is-web] .footerLinksSection:before {
        max-width: 360px !important;
    }

    .footerLinkCols {
        grid-template-columns: repeat(2, minmax(130px, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    .footerWrapper .footerContainer,
    .footerContainer {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .footerWrapper .footerLinksSection:before,
    [class*=is-web] .footerLinksSection:before {
        max-width: 300px !important;
    }

    .footerLinkCols {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

.layout-content-holder-bc .promotion-horizontal-sl-list-bc {
    background: url(https://backoffice.aventoriax.com/images/uploads/2026/08/voovbet-obc-license-strip.webp) !important;
    height: 150px !important;
    width: 100% !important;
    background-size: cover !important;
    
    
}

/* PROMOSYONLAR UST BANNER - BITIS * */

/* Kayit formu: bayi ayarlarindan eklenen kimlik/dogum tarihi alanlari * */
.authentication-popup .registration-extra-field,
.entrance-form-bc .registration-extra-field,
.registration-extra-field {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 0 15px !important;
    padding: 0 18px !important;
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    flex: 0 0 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, .12) !important;
    box-shadow: none !important;
}

.authentication-popup .registration-extra-field .form-control-title-bc,
.entrance-form-bc .registration-extra-field .form-control-title-bc,
.registration-extra-field .form-control-title-bc {
    position: absolute !important;
    left: 18px !important;
    top: 7px !important;
    right: 18px !important;
    z-index: 2 !important;
    width: auto !important;
    max-width: calc(100% - 36px) !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: rgba(255, 255, 255, .58) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

.authentication-popup .registration-extra-field .registration-extra-field-input,
.entrance-form-bc .registration-extra-field .registration-extra-field-input,
.registration-extra-field .registration-extra-field-input {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 21px 0 5px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
}

.registration-extra-field .registration-extra-field-input::placeholder {
    color: rgba(255, 255, 255, .42) !important;
    font-weight: 600 !important;
}

.registration-extra-field .registration-extra-field-input:focus {
    box-shadow: none !important;
}

.registration-extra-field .registration-extra-field-input::-webkit-calendar-picker-indicator {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-appearance: none !important;
}

.authentication-popup .registration-extra-field input[type="date"],
.entrance-form-bc .registration-extra-field input[type="date"],
.registration-extra-field input[type="date"] {
    color-scheme: dark;
}

.authentication-popup .registration-extra-field input[type="date"]::-webkit-datetime-edit,
.entrance-form-bc .registration-extra-field input[type="date"]::-webkit-datetime-edit,
.registration-extra-field input[type="date"]::-webkit-datetime-edit {
    padding: 0 !important;
    color: rgba(255, 255, 255, .95) !important;
}

.registration-extra-field input[type="date"]::-webkit-datetime-edit,
.registration-extra-field input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.registration-extra-field input[type="date"]::-webkit-datetime-edit-text,
.registration-extra-field input[type="date"]::-webkit-datetime-edit-day-field,
.registration-extra-field input[type="date"]::-webkit-datetime-edit-month-field,
.registration-extra-field input[type="date"]::-webkit-datetime-edit-year-field {
    background: transparent !important;
}

.registration-extra-field .form-control-input-stroke-bc {
    display: none !important;
}

.registration-extra-field-error {
    display: none;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -19px !important;
    z-index: 3 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ff7777 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
}

.registration-extra-field.has-error {
    margin-bottom: 32px !important;
    border: 1px solid rgba(255, 100, 100, .55) !important;
    box-shadow: 0 0 0 1px rgba(255, 100, 100, .18) inset !important;
}

.registration-extra-field.has-error .registration-extra-field-error {
    display: block !important;
}

.entrance-form-bc.registration .reg-form-content {
    padding-bottom: 18px !important;
    scrollbar-gutter: stable !important;
}

.entrance-form-bc.registration .reg-form-fields,
.authentication-popup .entrance-form-bc.registration,
.authentication-popup .reg-form-fields,
.authentication-popup .form-sign-bc {
    padding-bottom: 96px !important;
}

.entrance-form-bc.registration .reg-form-footer-bc,
.authentication-popup .reg-form-footer-bc {
    z-index: 20 !important;
    background: rgba(18, 18, 22, .96) !important;
    box-shadow: 0 -14px 30px rgba(0, 0, 0, .34) !important;
}

@media (max-width: 767px) {
    .entrance-form-bc.registration .registration-extra-field,
    .registration-extra-field {
        height: 52px !important;
        min-height: 52px !important;
        margin-bottom: 14px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .entrance-form-bc.registration .registration-extra-field .registration-extra-field-input,
    .registration-extra-field .registration-extra-field-input {
        height: 52px !important;
        min-height: 52px !important;
        padding-top: 21px !important;
        font-size: 15px !important;
    }

    .entrance-form-bc.registration .registration-extra-field .form-control-title-bc,
    .registration-extra-field .form-control-title-bc {
        left: 16px !important;
        top: 9px !important;
        font-size: 12px !important;
    }
}

.entrance-form-bc.registration .registration-extra-field:not(.has-value):not(:focus-within) .form-control-title-bc,
.registration-extra-field:not(.has-value):not(:focus-within) .form-control-title-bc {
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, .50) !important;
}

.entrance-form-bc.registration .registration-extra-field:not(.has-value):not(:focus-within) .registration-extra-field-input::placeholder,
.registration-extra-field:not(.has-value):not(:focus-within) .registration-extra-field-input::placeholder {
    color: transparent !important;
}

.entrance-form-bc.registration .registration-extra-field:not(.has-value):not(:focus-within) input[type="date"]::-webkit-datetime-edit,
.registration-extra-field:not(.has-value):not(:focus-within) input[type="date"]::-webkit-datetime-edit {
    color: transparent !important;
}

.entrance-form-bc.registration .registration-extra-field:not(.has-value):not(:focus-within) input[type="date"]::-webkit-calendar-picker-indicator,
.registration-extra-field:not(.has-value):not(:focus-within) input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0 !important;
}

/* Profil bilgileri ve Davet Et Kazan ekranı * */
.my-profile-info-block,
my-profile-info-block,
.u-i-profile-page-bc,
.u-i-profile-page-container,
.u-i-profile-page-content {
    color: rgba(255, 255, 255, .90) !important;
}

.my-profile-info-block .form-control-input-bc,
my-profile-info-block .form-control-input-bc,
.u-i-profile-page-bc .form-control-input-bc,
.u-i-profile-page-bc input:not([type=checkbox]):not([type=radio]),
.u-i-profile-page-bc select {
    color: #fff !important;
    background: rgba(13, 13, 13, .86) !important;
    border-color: rgba(246, 2, 12, .28) !important;
}

.my-profile-info-block .form-control-input-bc:focus,
my-profile-info-block .form-control-input-bc:focus,
.u-i-profile-page-bc input:not([type=checkbox]):not([type=radio]):focus,
.u-i-profile-page-bc select:focus {
    border-color: #f6020c !important;
    box-shadow: 0 0 0 3px rgba(246, 2, 12, .12) !important;
}

.referral-bonus-journey-panel {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    overflow: hidden;
    color: #f8f8f8;
    background: linear-gradient(145deg, rgba(31, 31, 31, .98), rgba(12, 12, 12, .98));
    border: 1px solid rgba(246, 2, 12, .38);
    border-radius: 14px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .42);
}

.referral-bonus-journey-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    background: linear-gradient(115deg, rgba(246, 2, 12, .18), rgba(152, 0, 0, .06));
    border-bottom: 1px solid rgba(246, 2, 12, .18);
}

.referral-bonus-journey-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: #f6020c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.referral-bonus-journey-head h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
}

.referral-bonus-journey-badge {
    flex: 0 0 auto;
    padding: 6px 10px;
    color: #111;
    background: #f6020c;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}

.referral-bonus-journey-body { padding: 20px 22px 22px; }
.referral-bonus-journey-desc { margin: 0 0 18px; color: rgba(255, 255, 255, .72); font-size: 13px; line-height: 1.65; }

.referral-bonus-journey-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.referral-bonus-journey-link { display: grid; grid-template-columns: 1fr auto; gap: 7px; align-items: center; padding: 12px; background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .10); border-radius: 9px; }
.referral-bonus-journey-link > span { grid-column: 1 / -1; color: rgba(255, 255, 255, .64); font-size: 11px; font-weight: 600; }
.referral-bonus-journey-link input { min-width: 0; height: 34px; padding: 0 9px; color: rgba(255, 255, 255, .92); background: #101010; border: 1px solid rgba(246, 2, 12, .22); border-radius: 6px; font-size: 12px; }
.referral-bonus-journey-link button { height: 34px; padding: 0 11px; color: #111; background: linear-gradient(90deg, #f6020c, #980000); border: 0; border-radius: 6px; font-size: 12px; font-weight: 800; cursor: pointer; }

.referral-bonus-journey-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-top: 15px; }
.referral-bonus-journey-stats > div,
.referral-bonus-journey-table > div { padding: 12px; background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .08); border-radius: 8px; }
.referral-bonus-journey-stats span,
.referral-bonus-journey-table span { display: block; margin-bottom: 5px; color: rgba(255, 255, 255, .58); font-size: 11px; }
.referral-bonus-journey-stats strong,
.referral-bonus-journey-table b { color: #f6020c; font-size: 14px; }
.referral-bonus-journey-table { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 15px; }
.referral-bonus-journey-message { min-height: 17px; margin-top: 12px; font-size: 12px; }
.referral-bonus-journey-message.success { color: #78d89a; }
.referral-bonus-journey-message.warning { color: #ffb3b7; }
.referral-bonus-journey-message.error { color: #ff9494; }

@media (max-width: 640px) {
    .referral-bonus-journey-head,
    .referral-bonus-journey-body { padding: 16px; }
    .referral-bonus-journey-links,
    .referral-bonus-journey-table { grid-template-columns: 1fr; }
    .referral-bonus-journey-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Header blur + footer transparent override * */
.layout-header-holder-bc {
    overflow: visible !important;
    isolation: isolate !important;
    background: rgba(19, 19, 19, .42) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 10px 26px rgba(0, 0, 0, .22) !important;
}

.layout-header-holder-bc:before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: rgba(19, 19, 19, .42) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
}

.layout-header-holder-bc > * {
    position: relative !important;
    z-index: 1 !important;
}

.header-bc,
.layout-header-holder-bc > .header-bc > .hdr-main-content-bc,
.layout-header-holder-bc .hm-row-bc,
.layout-header-holder-bc .hm-row-bc:nth-child(2) {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.nav-menu-container.header-navigation:nth-child(2) {
    background: rgba(17, 17, 17, .28) !important;
    -webkit-backdrop-filter: blur(10px) saturate(130%) !important;
    backdrop-filter: blur(10px) saturate(130%) !important;
}

.sidebar-content {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.layout-footer-holder-bc,
.layout-bc:not(.hasLeftMenu) .layout-footer-holder-bc,
.footerWrapper,
.footerContainer,
.footerWrapper .footerContainer,
.footerWrapper .footerLinksSection,
[class*=is-web] .footerLinksSection,
.ftr-copy-rights-bc,
.footerCopyrightBlock,
.compact-footer {
    background: transparent !important;
    background-color: transparent !important;
}

/* Header / left menu / casino background glass polish * */
html,
body,
#root {
    min-height: 100% !important;
    background-color: #101010 !important;
    background-image: url(https://backoffice.aventoriax.com/images/uploads/2026/08/e0b32b36-d51a-44ab-b30d-f7052ad76c42.png) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.layout-bc {
    background-color: transparent !important;
    background-image: url(https://backoffice.aventoriax.com/images/uploads/2026/08/e0b32b36-d51a-44ab-b30d-f7052ad76c42.png) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.layout-header-holder-bc,
.layout-header-holder-bc:before,
.asideMenuOpen,
.asideMenuCompact,
.left-menu-container,
.layout-bc .left-menu-container,
.sportsbook-container .left-menu-container {
    background: rgba(19, 19, 19, .42) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
}

.asideMenu {
    background: transparent !important;
}

.asideMenuOverlay .asideMenuContent:before {
    background: rgba(0, 0, 0, .28) !important;
    -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
    backdrop-filter: blur(10px) saturate(125%) !important;
}

.asideMenuOpen > .asideMenuNavItem,
.asideMenuCompact > .asideMenuNavItem,
.left-menu-container .sp-sub-list-bc,
.left-menu-container .sp-s-l-head-bc,
.left-menu-container .second-tabs-bc .tab-bc {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .10) !important;
}

.asideMenuOpen > .asideMenuNavItem:hover,
.asideMenuCompact > .asideMenuNavItem:hover,
.asideMenuOpen > .asideMenuNavItem.active,
.asideMenuCompact > .asideMenuNavItem.active,
.left-menu-container .sp-sub-list-bc:hover,
.left-menu-container .sp-sub-list-bc.active > .sp-s-l-head-bc,
.left-menu-container .second-tabs-bc .tab-bc:hover,
.left-menu-container .second-tabs-bc .tab-bc.active {
    background: rgba(255, 255, 255, .11) !important;
}

.layout-content-holder-bc,
.genericPageContainer,
.casinoGenericPageTemplate,
.liveCasinoWrapper,
.tvGamesWrapper,
.casino-slots,
.casinoProviderContent,
.casinoProviderAndGame,
.casinoProviderBlock,
.casinoGameListBlock,
.casinoGameItemWrp {
    background: transparent !important;
    background-color: transparent !important;
}

.casinoProviderRow,
.casinoGameListBlockHeader,
[class*=is-web] .casinoCategoryChooserContainer,
[class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper,
.providerItemsContainer,
.providerSearchAndReset,
.saveFilterButtonBc,
[class*=is-web] .searchInputWrp {
    background: rgba(19, 19, 19, .38) !important;
    background-color: rgba(19, 19, 19, .38) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
}

.casinoProviderBlockHolder {
    background: transparent !important;
}

.providerItemsInner:not(.active),
.selectedProviderItem,
.iconButtonBlock {
    background: rgba(255, 255, 255, .07) !important;
    border-color: rgba(255, 255, 255, .12) !important;
}

.providerItemsInner.active,
.providerItemsInner:hover,
.iconButtonBlock.active,
.iconButtonBlock:hover {
    background: linear-gradient(90deg, #f6020c 0%, #980000 100%) !important;
    color: #111 !important;
}
.referral-bonus-journey-fallback-host {
  width: min(1120px, calc(100% - 32px));
  margin: 96px auto 40px;
  position: relative;
  z-index: 5;
}

body.referral-bonus-journey-active .referral-bonus-journey-fallback-host .referral-bonus-journey-panel {
  margin: 0 auto;
}

/* Güncel giriş / bir sonraki adres duyurusu - cam banner * */
.logo p.runtime-next-address-banner,
.logo-container .logo p.runtime-next-address-banner,
.layout-header-holder-bc > .hdr-dynamic-content .runtime-next-address-banner.informative-widget,
.layout-header-holder-bc > .hdr-dynamic-content .informative-widget .runtime-next-address-banner.informative-widget-link,
.layout-header-holder-bc > .hdr-dynamic-content .informative-widget .runtime-next-address-banner.informative-widget-container {
  box-sizing: border-box !important;
  width: calc(100vw - 12px) !important;
  max-width: none !important;
  min-height: 46px !important;
  height: 46px !important;
  margin: 3px auto !important;
  padding: 0 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .06) !important;
  border-radius: 4px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .055), transparent 46%),
    linear-gradient(135deg, rgba(31, 31, 31, .76), rgba(12, 12, 12, .72)) !important;
  -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
  backdrop-filter: blur(10px) saturate(125%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 5px 14px rgba(0, 0, 0, .22) !important;
  color: rgba(245, 247, 250, .94) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  white-space: normal !important;
}

.layout-header-holder-bc > .hdr-dynamic-content .runtime-next-address-banner.informative-widget {
  padding: 0 !important;
}

.layout-header-holder-bc > .hdr-dynamic-content .runtime-next-address-banner.informative-widget > .informative-widget-link,
.layout-header-holder-bc > .hdr-dynamic-content .informative-widget .runtime-next-address-banner.informative-widget-link {
  width: 100% !important;
  min-height: inherit !important;
  height: inherit !important;
  margin: 0 !important;
  padding: 0 46px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.layout-header-holder-bc > .hdr-dynamic-content .runtime-next-address-banner .informative-widget-container {
  width: 100% !important;
  min-height: inherit !important;
  height: inherit !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: transparent !important;
}

.layout-header-holder-bc > .hdr-dynamic-content .runtime-next-address-banner .product-banner-img-bc,
.layout-header-holder-bc > .hdr-dynamic-content .runtime-next-address-banner i {
  display: none !important;
}

.runtime-next-address-banner span,
.runtime-next-address-banner p,
.runtime-next-address-banner h1,
.runtime-next-address-banner h2,
.runtime-next-address-banner h3,
.runtime-next-address-banner a {
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  margin: 0 !important;
}

.runtime-next-address-banner .runtime-address-domain,
.runtime-next-address-banner a[href],
.runtime-next-address-banner strong,
.runtime-next-address-banner b {
  color: #f6020c !important;
  font-weight: 850 !important;
  text-shadow: 0 0 12px rgba(255, 210, 31, .20) !important;
}

.layout-header-holder-bc > .hdr-dynamic-content .swiper-slide,
.layout-header-holder-bc > .hdr-dynamic-content .carouselWrapper,
.layout-header-holder-bc > .hdr-dynamic-content .swiper,
.layout-header-holder-bc > .hdr-dynamic-content .swiper-wrapper {
  background: transparent !important;
}

.layout-header-holder-bc > .hdr-dynamic-content .swiper-button-prev,
.layout-header-holder-bc > .hdr-dynamic-content .swiper-button-next,
.layout-header-holder-bc > .hdr-dynamic-content .swiper-pagination {
  display: none !important;
}

@media (max-width: 768px) {
  .logo p.runtime-next-address-banner,
  .logo-container .logo p.runtime-next-address-banner,
  .layout-header-holder-bc > .hdr-dynamic-content .runtime-next-address-banner.informative-widget,
  .layout-header-holder-bc > .hdr-dynamic-content .informative-widget .runtime-next-address-banner.informative-widget-link,
  .layout-header-holder-bc > .hdr-dynamic-content .informative-widget .runtime-next-address-banner.informative-widget-container {
    width: calc(100vw - 16px) !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 3px auto !important;
    padding: 0 34px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
  }

  .layout-header-holder-bc > .hdr-dynamic-content .runtime-next-address-banner.informative-widget > .informative-widget-link,
  .layout-header-holder-bc > .hdr-dynamic-content .informative-widget .runtime-next-address-banner.informative-widget-link {
    padding: 0 34px !important;
  }
}/* ========================================================================== 
   VOOVBET — KIRMIZI / BEYAZ MARKA TEMASI
   Ana kırmızı : #F6020C
   Koyu kırmızı: #980000
   Beyaz       : #FFFFFF
   Bu blok dosyanın sonunda bırakılmalıdır; eski sarı/altın kuralları ezer.
   ========================================================================== */

html {
    --voov-red: 246, 2, 12 !important;
    --voov-red-dark: 152, 0, 0 !important;
    --voov-white: 255, 255, 255 !important;
    --hero: var(--voov-red) !important;
    --hero-sc: var(--voov-white) !important;
    --oc-1: var(--voov-red) !important;
    --oc-2: var(--voov-red-dark) !important;
}

/* Arka plan görseli — görünür bırakıldı, yalnızca hafif karartıldı * */
html,
body {
    min-height: 100% !important;
    background-color: #090909 !important;
}

/* Önceki override görsel URL'sini ezdiği için arka plan kayboluyordu. * */
#root {
    min-height: 100% !important;
    background-color: transparent !important;
    background-image: none !important;
}

.layout-bc {
    min-height: 100vh !important;
    background-color: #090909 !important;
    background-image:
        linear-gradient(180deg,
            rgba(7, 7, 7, .10) 0%,
            rgba(7, 7, 7, .20) 48%,
            rgba(7, 7, 7, .34) 100%),
        url("https://backoffice.aventoriax.com/images/uploads/2026/08/e0b32b36-d51a-44ab-b30d-f7052ad76c42.png") !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: center top, center top !important;
    background-size: cover, cover !important;
    background-attachment: fixed, fixed !important;
}

/* İçerik katmanları görselin üstünü kapatmasın. * */
.layout-content-holder-bc,
.layout-footer-holder-bc,
.genericPageContainer,
.casinoGenericPageTemplate,
.liveCasinoWrapper,
.tvGamesWrapper,
.casino-slots,
.casinoProviderContent,
.casinoProviderAndGame,
.casinoProviderBlock,
.casinoGameListBlock {
    background-color: transparent !important;
}

@media (max-width: 768px) {
    .layout-bc {
        background-attachment: scroll, scroll !important;
        background-position: center top, center top !important;
        background-size: auto 100vh, cover !important;
    }
}

/* Header, menü ve cam yüzeyler * */
.layout-header-holder-bc,
.layout-header-holder-bc:before,
.header-bc,
.layout-header-holder-bc > .header-bc > .hdr-main-content-bc,
.asideMenuOpen,
.asideMenuCompact,
.left-menu-container,
.layout-bc .left-menu-container,
.sportsbook-container .left-menu-container {
    background: rgba(14, 14, 14, .68) !important;
    border-color: rgba(246, 2, 12, .18) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
}

.nav-menu-item {
    color: rgba(255, 255, 255, .92) !important;
    background: linear-gradient(180deg, #1b1b1b 0%, #111111 100%) !important;
    border-image: linear-gradient(to left, rgba(152, 0, 0, 0) 5%, #f6020c 50%, rgba(152, 0, 0, 0) 95%) 100% 0 100% 0 / 0 0 1px 0 stretch !important;
}

.nav-menu-item:hover,
.nav-menu-item.active,
.nav-menu-item.selected {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(246, 2, 12, .30), rgba(152, 0, 0, .34)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 13px rgba(246, 2, 12, .25) !important;
}

.sp-button-bc:hover,
.sp-button-bc.active {
    color: #ff2631 !important;
    box-shadow: inset 0 0 14px 4px rgba(246, 2, 12, .14), 0 0 10px rgba(246, 2, 12, .16) !important;
}

.nav-content-bc,
.nav-content-bc .nav-menu-container .nav-menu-sub {
    border-image: linear-gradient(to left, rgba(152, 0, 0, 0) 5%, #f6020c 50%, rgba(152, 0, 0, 0) 95%) 100% 0 100% 0 / 1px 0 0 0 stretch !important;
}

/* Ana butonlar * */
.btn.register,
.btn.btn-color,
.generic-search-btn:before,
.generic-search-close-btn:before {
    color: #ffffff !important;
    background: linear-gradient(135deg, #ff1824 0%, #f6020c 44%, #980000 100%) !important;
    border-color: rgba(255, 255, 255, .12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 7px 18px rgba(152, 0, 0, .28) !important;
}

.btn.register:hover,
.btn.btn-color:hover {
    background: linear-gradient(135deg, #ff303a 0%, #f6020c 48%, #b00008 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 8px 22px rgba(246, 2, 12, .30) !important;
}

.header-custom-buttons a[class*=promotions],
.hdr-user-bc a[class*=promotions],
.generic-search-btn i,
.generic-search-close-btn i {
    color: #ffffff !important;
}

.hdr-smart-panel-holder-arrow-bc:after {
    border-color: transparent transparent #f6020c !important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff2631 0%, #980000 100%) !important;
    border-radius: 999px !important;
}

/* Profil dropdown * */
ul.nav-menu-sub,
.nav-menu-sub,
.nav-content-bc .nav-menu-container .nav-menu-sub,
.hdr-user-bc .nav-menu-sub {
    background: rgba(12, 12, 12, .97) !important;
    border-color: rgba(246, 2, 12, .34) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .48), 0 0 18px rgba(246, 2, 12, .08) !important;
}

ul.nav-menu-sub .nav-menu-item i,
.nav-menu-sub .nav-menu-item i,
.hdr-user-bc .nav-menu-sub .nav-menu-item i {
    color: #ff2631 !important;
}

ul.nav-menu-sub .nav-menu-item:hover,
.nav-menu-sub .nav-menu-item:hover,
.hdr-user-bc .nav-menu-sub .nav-menu-item:hover,
.logout-profile .userLogoutBtn:hover,
ul.nav-menu-sub .userLogoutBtn:hover {
    color: #ffffff !important;
    background: linear-gradient(90deg, #f6020c 0%, #980000 100%) !important;
}

ul.nav-menu-sub .nav-menu-item:hover i,
.nav-menu-sub .nav-menu-item:hover i,
.hdr-user-bc .nav-menu-sub .nav-menu-item:hover i {
    color: #ffffff !important;
}

.logout-profile .userLogoutBtn,
ul.nav-menu-sub .userLogoutBtn {
    border-color: rgba(246, 2, 12, .24) !important;
}

/* Oran kutuları * */
.market-bc:not(.m-g-header),
.sgm-market-g-i-cell-bc.market-bc,
.slider-market-coefficient-container .market-bc,
.sportsbook .market-bc:not(.m-g-header),
.sportsbook-container .market-bc:not(.m-g-header) {
    background: linear-gradient(180deg, #181818 0%, #111111 100%) !important;
    border-color: rgba(246, 2, 12, .27) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.market-bc .market-odd-bc,
.market-bc .market-icon-bc,
.sgm-market-g-i-cell-bc .market-odd-bc,
.slider-market-coefficient-container .market-odd-bc {
    color: #ff2631 !important;
}

.market-bc:not(.disabled-market-bc,.m-g-header):hover,
.sgm-market-g-i-cell-bc.market-bc:not(.disabled-market-bc,.m-g-header):hover,
.slider-market-coefficient-container .market-bc:not(.disabled-market-bc,.m-g-header):hover,
.market-bc.active,
.sgm-market-g-i-cell-bc.market-bc.active,
.slider-market-coefficient-container .market-bc.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #f6020c 0%, #980000 100%) !important;
    border-color: rgba(255, 255, 255, .18) !important;
    box-shadow: 0 0 15px rgba(246, 2, 12, .25), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

.market-bc:not(.disabled-market-bc,.m-g-header):hover .market-odd-bc,
.market-bc:not(.disabled-market-bc,.m-g-header):hover .market-icon-bc,
.market-bc.active .market-odd-bc,
.market-bc.active .market-icon-bc,
.sgm-market-g-i-cell-bc.market-bc.active .market-odd-bc,
.slider-market-coefficient-container .market-bc.active .market-odd-bc {
    color: #ffffff !important;
}

/* Casino sağlayıcı ve kategori butonları * */
.providerItemsInner:not(.active),
.selectedProviderItem,
.iconButtonBlock {
    background: rgba(255, 255, 255, .055) !important;
    border-color: rgba(246, 2, 12, .16) !important;
}

.providerItemsInner.active,
.providerItemsInner:hover,
.iconButtonBlock.active,
.iconButtonBlock:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #f6020c 0%, #980000 100%) !important;
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 0 14px rgba(246, 2, 12, .18) !important;
}

/* Footer * */
.footerLinkColTitle,
.footerLinkColEl a:hover {
    color: #ff2631 !important;
}

.ftr-copy-rights-bc,
.footerCopyrightBlock {
    border-top-color: rgba(246, 2, 12, .22) !important;
}

/* Form odak rengi * */
.my-profile-info-block .form-control-input-bc,
my-profile-info-block .form-control-input-bc,
.u-i-profile-page-bc .form-control-input-bc,
.u-i-profile-page-bc input:not([type=checkbox]):not([type=radio]),
.u-i-profile-page-bc select {
    border-color: rgba(246, 2, 12, .28) !important;
}

.my-profile-info-block .form-control-input-bc:focus,
my-profile-info-block .form-control-input-bc:focus,
.u-i-profile-page-bc input:not([type=checkbox]):not([type=radio]):focus,
.u-i-profile-page-bc select:focus {
    border-color: #f6020c !important;
    box-shadow: 0 0 0 3px rgba(246, 2, 12, .14) !important;
}

/* Davet Et Kazan paneli * */
.referral-bonus-journey-panel {
    border-color: rgba(246, 2, 12, .40) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .44), 0 0 24px rgba(246, 2, 12, .08) !important;
}

.referral-bonus-journey-head {
    background: linear-gradient(115deg, rgba(246, 2, 12, .20), rgba(152, 0, 0, .08)) !important;
    border-bottom-color: rgba(246, 2, 12, .22) !important;
}

.referral-bonus-journey-eyebrow,
.referral-bonus-journey-stats strong,
.referral-bonus-journey-table b {
    color: #ff2631 !important;
}

.referral-bonus-journey-badge,
.referral-bonus-journey-link button {
    color: #ffffff !important;
    background: linear-gradient(135deg, #f6020c 0%, #980000 100%) !important;
}

.referral-bonus-journey-link input {
    border-color: rgba(246, 2, 12, .25) !important;
}

.referral-bonus-journey-message.warning {
    color: #ffb3b7 !important;
}

/* Güncel adres duyurusu * */
.runtime-next-address-banner .runtime-address-domain,
.runtime-next-address-banner a[href],
.runtime-next-address-banner strong,
.runtime-next-address-banner b {
    color: #ff2631 !important;
    text-shadow: 0 0 12px rgba(246, 2, 12, .28) !important;
}

/* ========================================================================== 
   ARKA PLAN SON ZORLAMA — BU BLOK DOSYANIN EN ALTINDA KALSIN
   ========================================================================== */
html,
body {
    background-color: #090909 !important;
}

#root {
    background-color: transparent !important;
    background-image: none !important;
}

.layout-bc {
    min-height: 100vh !important;
    background-color: #090909 !important;
    background-image:
        linear-gradient(180deg, rgba(7, 7, 7, .10), rgba(7, 7, 7, .34)),
        url("https://backoffice.aventoriax.com/images/uploads/2026/08/e0b32b36-d51a-44ab-b30d-f7052ad76c42.png") !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: center top, center top !important;
    background-size: cover, cover !important;
    background-attachment: fixed, fixed !important;
}

@media (max-width: 768px) {
    .layout-bc {
        background-attachment: scroll, scroll !important;
    }
}
/* AX footer licence badges: full colour without hover * */
#aventoriax-footer-licences,
#aventoriax-footer-licences .sliderGroup,
#aventoriax-footer-licences .horizontalSliderWrapper,
#aventoriax-footer-licences .sliderImage,
#aventoriax-footer-licences .sliderImage img,
#aventoriax-footer-licences .horizontalSliderItem,
#aventoriax-footer-licences .horizontalSliderItem img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

/* AX RESPONSIVE BACKGROUND FIT DESKTOP v1 * */
@media (min-width: 769px) {
  .layout-bc {
    background-size: 100% 100%, 100% auto !important;
    background-position: center top, center top !important;
    background-repeat: no-repeat, no-repeat !important;
    background-attachment: fixed, fixed !important;
  }
}


/* VOOVBET NAVY RUBY 20260909 — presentation only; original functional rules retained. * */
html:root {
  --vb-ink: #07111c;
  --vb-panel: #0e1b2a;
  --vb-panel-raised: #142438;
  --vb-line: rgba(158, 184, 211, .17);
  --vb-text: #f4f7fc;
  --vb-muted: #b6c4d7;
  --vb-ruby: #ce1238;
  --b: 7, 17, 28 !important;
  --b-hover: 20, 36, 56 !important;
  --b-sc: 244, 247, 252 !important;
  --header: 11, 22, 35 !important;
  --header-sc: 244, 247, 252 !important;
  --menu: 14, 27, 42 !important;
  --menu-sc: 244, 247, 252 !important;
  --secondary: 20, 36, 56 !important;
  --secondary-sc: 244, 247, 252 !important;
  --tab-navigation: 11, 22, 35 !important;
  --tab-navigation-sc: 244, 247, 252 !important;
  --hero: 206, 18, 56 !important;
  --hero-hover: 224, 29, 69 !important;
  --hero-sc: 255, 255, 255 !important;
  --brand: 206, 18, 56 !important;
  --brand-sc: 255, 255, 255 !important;
  --accent: 255, 91, 122 !important;
  --oc-1: 206, 18, 56 !important;
  --oc-1-sc: 255, 255, 255 !important;
  --oc-2: 151, 23, 51 !important;
  --oc-2-sc: 255, 255, 255 !important;
  --success: 36, 193, 137 !important;
  --warning: 245, 182, 69 !important;
  --error: 255, 100, 123 !important;
  --info: 103, 178, 255 !important;
  color-scheme: dark;
  scrollbar-color: #96334c #0b1623;
}

html:root, html body {
  background: var(--vb-ink) !important;
}
html body #root.layout-bc {
  background-color: var(--vb-ink) !important;
  background-image:
    linear-gradient(145deg, transparent 0 32%, rgba(35, 57, 80, .20) 32% 40%, transparent 40% 66%, rgba(35, 57, 80, .10) 66% 73%, transparent 73%),
    linear-gradient(180deg, #0d1a29 0%, #07111c 820px) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: 100% 1100px, 100% 1100px !important;
  background-attachment: scroll !important;
  color: var(--vb-text);
}

html body .layout-header-holder-bc,
html body .layout-header-holder-bc::before,
html body .header-bc,
html body .layout-header-holder-bc > .header-bc > .hdr-main-content-bc {
  background: #0b1623 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
html body .layout-header-holder-bc {
  border-bottom: 1px solid rgba(238, 50, 87, .24) !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .18) !important;
}




html body .nav-menu-item,
html body .asideMenuNavItem {
  border-image: none !important;
  border-color: var(--vb-line) !important;
  background: #101e2e !important;
  color: var(--vb-muted) !important;
  box-shadow: none !important;
}
html body .nav-menu-item.active,
html body .asideMenuNavItem.active {
  background: linear-gradient(135deg, #522137, #241c2d) !important;
  border-color: rgba(241, 73, 109, .42) !important;
  color: #fff !important;
}

html body .layout-content-holder-bc .promotion-horizontal-sl-list-bc {
  background: #0e1b2a !important;
  background-image: none !important;
  height: auto !important;
  min-height: 58px;
  border: 1px solid var(--vb-line);
  border-radius: 12px;
  padding: 6px;
  gap: 6px;
  box-sizing: border-box;
}
html body .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc {
  min-height: 44px !important;
  border-radius: 8px !important;
  background: #142438 !important;
  color: var(--vb-muted) !important;
  box-shadow: none !important;
}
html body .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
  background: linear-gradient(135deg, #ce1238, #a00d2c) !important;
  color: #fff !important;
}
html body .promotionsList-bc {
  gap: 18px !important;
  padding-top: 18px !important;
}
html body article.promotionsListEl-bc {
  min-width: 0;
  box-sizing: border-box;
  background: var(--vb-panel) !important;
  border: 1px solid var(--vb-line) !important;
  border-radius: 13px !important;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
  transition: border-color .18s ease, box-shadow .18s ease;
}
html body .promotionsArticleThumbnail-bc {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: contain !important;
  border-radius: 0 !important;
}
html body .promotions-article-title.ellipsis {
  min-height: 48px;
  height: auto !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  color: var(--vb-text) !important;
  background: #101e2e !important;
  border-top: 1px solid rgba(158, 184, 211, .10);
  font-size: 13px;
  line-height: 1.5 !important;
  font-weight: 650;
  white-space: normal !important;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}

html body .slider-bc > .carouselWrapper {
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 0 0 1px var(--vb-line), 0 8px 24px rgba(0, 0, 0, .16);
}
html body .product-banner-img-bc {
  border-radius: 10px;
}
html body .casinoCategoryChooserContainer .horizontalSliderWrapper,
html body .searchInputWrp,
html body .providerSearchAndReset,
html body .providerItemsContainer {
  background: #0e1b2a !important;
  border-color: var(--vb-line) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .casinoProviderRow,
html body .casinoGameListBlockHeader {
  background: #0b1826 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .casinoGameItemWrp {
  border-radius: 10px;
}
html body .casino-info-block {
  background: #0e1b2a !important;
  border: 1px solid var(--vb-line);
  border-radius: 10px;
  box-sizing: border-box;
}
html body .casino-tournament-name,
html body .casino-winners-amount { color: #ff9ab1 !important; }
html body .casino-winners-info > span { color: #c4d0df !important; }

html body .popup-inner-bc {
  background: #0e1b2a !important;
  border-color: rgba(159, 185, 212, .22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .promotion-details-img {
  max-width: 100%;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 12px;
}
html body .promotion-details-info {
  color: #c4d0df !important;
  font-size: 14px;
  line-height: 1.65;
}
html body .promotion-details-info :is(p, li, .summary-item) {
  color: #c4d0df !important;
  line-height: 1.65 !important;
}
html body .promotion-details-info :is(h1, h2, h3, strong) { color: #f4f7fc !important; }
html body .promotion-details-info h1 { font-size: 22px; line-height: 1.3; margin-block: 12px; }
html body .promotion-details-info h2 { font-size: 17px; line-height: 1.4; margin-block: 20px 10px; }
html body .promotion-details-info .summary-item { padding-block: 3px; }
html body .featuredGamesContent .market-bc:not(.active) .market-odd-bc {
  color: #f4f7fc !important;
}
html body .entrance-form-bc input:not([type="checkbox"]):not([type="radio"]),
html body .searchInputWrp input {
  border-color: #40546b !important;
  color: var(--vb-text) !important;
}
html body .entrance-form-bc input::placeholder,
html body .searchInputWrp input::placeholder {
  color: #a5b6cb !important;
  opacity: 1;
}
html body .e-p-close-icon-bc {
  min-width: 40px;
  min-height: 40px;
  color: var(--vb-text) !important;
}

html body .layout-footer-holder-bc {
  background: linear-gradient(180deg, rgba(14, 27, 42, .80), #07111c) !important;
  border-top: 1px solid var(--vb-line) !important;
  margin-top: 24px;
}
html body .footerLinkColTitle {
  color: #e5edf7 !important;
  font-size: 13px;
  letter-spacing: .6px;
}
html body .footerLinkColEl,
html body .footerLinkColEl a,
html body .footerCopyrights {
  color: var(--vb-muted) !important;
}
html body :is(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #ff7895 !important;
  outline-offset: 3px !important;
}
html body ::selection {
  color: #fff;
  background: #a31139;
}

@media (hover: hover) and (pointer: fine) {
  html body article.promotionsListEl-bc:hover {
    border-color: rgba(248, 90, 126, .58) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .25);
  }
  html body .nav-menu-item:hover,
html body .asideMenuNavItem:hover {
    background: #213349 !important;
    color: #fff !important;
  }
  html body .footerLinkColEl a:hover { color: #ff7895 !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body article.promotionsListEl-bc,
  html body .hdr-user-bc > .btn,
  html body .nav-menu-item,
  html body .asideMenuNavItem,
  html body #voovbet-chat-launcher,
  html body #voovbet-chat-launcher::before,
  html body #voovbet-chat-launcher::after {
    animation: none !important;
    transition: none !important;
  }
}

/* Desktop layout: maintain the application's sidebar, sticky offsets and slider ratios. * */
html.is-web body .asideMenuCompact,
html.is-web body .asideMenuOpen,
html.is-web body .left-menu-container {
  background: #0b1623 !important;
  border-color: var(--vb-line) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.is-web body .asideMenuNavItem { border-radius: 10px !important; }
html.is-web body .popup-holder-bc.windowed .popup-inner-bc {
  border-radius: 16px;
  border: 1px solid var(--vb-line);
  box-sizing: border-box;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}
html.is-web body #root.promotion-page .layout-content-holder-bc {
  padding-top: 14px !important;
}
html.is-web body .promotionsList-bc {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
html.is-web body .promotionsList-bc > article {
  width: 100% !important;
  margin: 0 !important;
}
html.is-web body .promotion-horizontal-sl-list-bc {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
html.is-web body .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc {
  flex: 0 0 auto;
  padding-inline: 14px;
}
html.is-web body .layout-content-holder-bc > .hm-row-bc:first-child {
  margin-top: 14px;
}
html.is-web body .storiesWidgetWrapper.portraitView {
  margin-block: 12px;
}
html.is-web body .slider-bc > .carouselArrowsEnabled .swiper-button-prev,
html.is-web body .slider-bc > .carouselArrowsEnabled .swiper-button-next {
  width: 36px;
  height: 36px;
  top: 14px;
  margin: 0;
  background: rgba(7, 17, 28, .88);
  border: 1px solid var(--vb-line);
  border-radius: 9px;
  box-sizing: border-box;
  color: #f4f7fc;
}
html.is-web body .slider-bc > .carouselArrowsEnabled .swiper-button-prev { right: 92px !important; left: auto !important; }
html.is-web body .slider-bc > .carouselArrowsEnabled .swiper-button-next { right: 12px !important; left: auto !important; }
html.is-web body .slider-bc > .carouselArrowsEnabled .swiper-pagination-fraction {
  top: 14px;
  right: 48px !important;
  left: auto !important;
  width: 44px;
  height: 36px;
  padding: 0;
  line-height: 36px;
  background: rgba(7, 17, 28, .88);
  color: #f4f7fc;
  box-sizing: border-box;
}
@media (max-width: 1240px) {
  html.is-web body .promotionsList-bc {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 980px) {
  html.is-web body .promotionsList-bc {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  html.is-web body .promotionsList-bc { grid-template-columns: minmax(0, 1fr); }
}


/* VOOVBET RESPONSIVE QA 20260909 — scoped form and overlay refinements. * */

/* At supported desktop widths, let the root use the available content width.
   The old 1020px minimum ignored a 15px scrollbar in a 1024px window. */
@media (min-width: 1020px) {
  html.is-web { min-width: 0 !important; }
}

/* Preserve the promo icon on narrow signed-out headers. The old fixed logo
   width and doubled button margins pushed the icon under the login button. */
@media (max-width: 359px) {
  html.is-mobile .header-bc:has(.hdr-user-bc .sign-in) .hdr-main-content-bc {
    padding-inline: 7px !important;
    gap: 4px !important;
  }
  html.is-mobile .header-bc:has(.hdr-user-bc .sign-in) .logo-container {
    gap: 3px !important;
    margin-right: 0 !important;
  }
  html.is-mobile .header-bc:has(.hdr-user-bc .sign-in) .logo {
    width: auto !important;
    min-width: 0 !important;
  }
  html.is-mobile .header-bc:has(.hdr-user-bc .sign-in) .header-icon {
    width: 32px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  html.is-mobile .header-bc:has(.hdr-user-bc .sign-in) .header-icon img {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
  }
  html.is-mobile .header-bc:has(.hdr-user-bc .sign-in) .hdr-user-bc,
html.is-mobile .header-bc:has(.hdr-user-bc .sign-in) .hdr-toggle-button-bc {
    margin-left: 0 !important;
  }
}

/* A floating launcher must not cover a modal's inputs or primary action.
   The form's own live-support action remains available. */
html body:has(.entrance-form-bc.popup) #voovbet-chat-launcher,
html body:has(.viewModeStories) #voovbet-chat-launcher,
html body:has(.promotion-details-popup:not(.hidden)) #voovbet-chat-launcher,
html.is-mobile body:has(.overlaySlidingWrapperBc) #voovbet-chat-launcher {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* The mobile feed inherited dark ruby text (#971733) on navy cells.
   Keep selection styling and up/down indicators intact. */
html.is-mobile body .market-bc:not(.active) .market-odd-bc {
  color: #f4f7fc !important;
}
html.is-mobile body .c-team-info-scores-bc {
  color: #ff94ad !important;
}

/* Keep floating labels readable, including unfocused empty fields. * */
html body .entrance-form-bc .form-control-title-bc {
  color: #c0ccdc !important;
  opacity: 1 !important;
}
html body .entrance-form-bc .form-control-bc.focused .form-control-title-bc {
  color: #ff94ad !important;
}
html body .entrance-form-bc .form-control-bc.error .form-control-title-bc,
html body .entrance-form-bc .form-control-bc.invalid .form-control-title-bc {
  color: #ff879e !important;
}
html.is-mobile body .saveFilterButtonBc > .button {
  min-height: 44px !important;
  border: 1px solid rgba(255, 113, 145, .38) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #d81740, #ac0e31) !important;
  color: #fff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .12) !important;
  font-weight: 700;
}
html body .popup-holder-bc:has(.entrance-form-bc.popup) .e-p-close-icon-bc,
html body .popup-holder-bc.promotion-details-popup .e-p-close-icon-bc {
  min-width: 44px !important;
  min-height: 44px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
}
html body .entrance-form-bc .checkbox-control-content-bc {
  min-height: 32px;
}

/* Mobile authentication has its own scrollable form content. Lock only the
   background document and remove the library's redundant scrollbar gutter. */
html.is-mobile:has(.entrance-form-bc.popup, .promotion-details-popup, .overlaySlidingWrapperBc, .viewModeStories) {
  overflow: hidden !important;
  overscroll-behavior: none;
}
html.is-mobile body:has(.entrance-form-bc.popup, .promotion-details-popup, .overlaySlidingWrapperBc, .viewModeStories) {
  overflow: hidden !important;
  padding-right: 0 !important;
}
html.is-mobile body .entrance-popup-bc .e-p-content-bc {
  height: 100dvh !important;
}
html.is-mobile body .entrance-popup-bc .entrance-form-content-bc {
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
html.is-mobile body .overlay-sliding-w-c-content-slider-bc,
html.is-mobile body .overlaySlidingWCContentSliderBc,
html.is-mobile body .overlaySlidingWrapperBc .providerItemsContainer {
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
html.is-mobile body .e-p-body-bc:has(.entrance-form-bc.login.popup) {
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
html.is-mobile body .entrance-form-bc.login.popup {
  height: auto !important;
  min-height: 100% !important;
}
html.is-mobile body .searchInput,
html.is-mobile body .entrance-form-bc .form-control-select-bc {
  font-size: 16px !important;
}
html.is-mobile body .saveFilterButtonBc {
  background: #0b1623 !important;
  border-top: 1px solid rgba(157, 183, 210, .22);
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
}
html.is-web body .entrance-popup-bc {
  border: 1px solid rgba(157, 183, 210, .22);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 70px rgba(0, 0, 0, .40);
}


/* VOOVBET SPORTS CLARITY V8 - 2026-09-09
   Color-only refinement: preserve market geometry, odds movement, and auth controls. */
html body .layout-content-holder-bc .market-bc:not(.active):not(.m-g-header):not(.disabled-market-bc) {
  background: linear-gradient(180deg, #1b3047 0%, #152639 100%) !important;
  border-color: #354c64 !important;
  box-shadow: inset 0 1px 0 rgba(203, 220, 241, 0.04) !important;
  color: #d2deeb !important;
}
html body .layout-content-holder-bc .market-bc:not(.active):not(.m-g-header) .market-odd-bc,
html body .layout-content-holder-bc .market-bc:not(.active):not(.m-g-header) .market-icon-bc {
  color: #f4f7fc !important;
}
html body .layout-content-holder-bc .market-bc:not(.active):not(.m-g-header) .market-name-bc {
  color: #d2deeb !important;
}
html body .layout-content-holder-bc .market-bc:not(.active):not(.m-g-header) .market-odd-bc.not-boosted-odd {
  color: #a8bad0 !important;
}
html body .layout-content-holder-bc .market-bc:not(.active):not(.disabled-market-bc):not(.m-g-header):hover,
html body .layout-content-holder-bc .market-bc:not(.active):not(.disabled-market-bc):not(.m-g-header):focus-visible {
  background: linear-gradient(180deg, #2a4663 0%, #203951 100%) !important;
  border-color: #819bb5 !important;
  box-shadow: inset 0 0 0 1px rgba(197, 218, 240, 0.12) !important;
}
html body .layout-content-holder-bc .market-bc.active:not(.m-g-header) {
  background: linear-gradient(135deg, #bb123a 0%, #930d2e 100%) !important;
  border-color: #ee6685 !important;
  box-shadow: inset 0 1px 0 rgba(255, 225, 233, 0.14) !important;
  color: #ffffff !important;
}
html body .layout-content-holder-bc .market-bc.active:not(.m-g-header) .market-odd-bc,
html body .layout-content-holder-bc .market-bc.active:not(.m-g-header) .market-name-bc,
html body .layout-content-holder-bc .market-bc.active:not(.m-g-header) .market-icon-bc {
  color: #ffffff !important;
}
html body .layout-content-holder-bc .market-bc.disabled-market-bc:not(.m-g-header),
html body .layout-content-holder-bc .market-bc.disabled-market-bc:not(.m-g-header):hover {
  background: #142131 !important;
  border-color: #293b4e !important;
  box-shadow: none !important;
  color: #96aac0 !important;
}
html body .layout-content-holder-bc .market-bc.disabled-market-bc:not(.m-g-header) .market-odd-bc,
html body .layout-content-holder-bc .market-bc.disabled-market-bc:not(.m-g-header) .market-name-bc,
html body .layout-content-holder-bc .market-bc.disabled-market-bc:not(.m-g-header) .market-icon-bc {
  color: #96aac0 !important;
}
html body .layout-content-holder-bc .market-bc.m-g-header {
  background: #17283b !important;
  border-color: #293d52 !important;
  box-shadow: none !important;
  color: #d2deeb !important;
}
html body .layout-content-holder-bc .sgm-market-g-head-bc {
  background: #1c3046 !important;
  color: #e0e8f2 !important;
}
html body .layout-content-holder-bc .sgm-market-g-item-bc {
  background-color: #111f30 !important;
}
html body .layout-content-holder-bc .sportsbook-container .multi-column-content {
  background-color: #142336 !important;
}
html body .layout-content-holder-bc .sportsbook-container .multi-column-content:nth-child(even) {
  background-color: #182a3e !important;
}
html body .layout-content-holder-bc .sportsbook-container .multi-column-content.active {
  background-color: #253d55 !important;
}
/* END VOOVBET SPORTS CLARITY V8 * */


/* VOOVBET BETSLIP CLARITY V9 - 2026-09-09
   Shared desktop/mobile betslip values; preserve amounts, odds and state styling. */
html body .bs-bet-i-b-coefficient-bc.c-2,
html body .bs-bet-i-b-amount-bc {
  color: #f4f7fc !important;
}
/* END VOOVBET BETSLIP CLARITY V9 * */