/*
  =============================================================================
  CASIVERA - TÜRKİYE BEYAZ TEMASI (TURKEY WHITE/LIGHT THEME OVERRIDES)
  =============================================================================
*/

:root,
html,
body {
    --b: 255, 255, 255 !important;
    --b-sc: 15, 15, 15 !important;
    --hero: 227, 10, 23 !important;
    --hero-hover: 255, 30, 45 !important;
    --hero-sc: 255, 255, 255 !important;
    --oc-1: 0, 180, 160 !important;
    --oc-1-hover: 0, 210, 185 !important;
    --oc-1-sc: 255, 255, 255 !important;
    --oc-2: 244, 180, 26 !important;
    --oc-2-hover: 255, 195, 40 !important;
    --oc-2-sc: 15, 15, 15 !important;
    --header: 245, 245, 245 !important;
    --header-sc: 15, 15, 15 !important;
    --menu: 248, 248, 248 !important;
    --menu-sc: 15, 15, 15 !important;
    --success: 46, 204, 113 !important;
    --error: 231, 76, 60 !important;
    --info: 52, 152, 219 !important;
    --neutral: 220, 220, 225 !important;
    --neutral-sc: 15, 15, 15 !important;
    --static-white: 255, 255, 255 !important;
    --static-black: 0, 0, 0 !important;
}

.sliderImage img[src="https://toto.casiveraetkinlik.com/media_18750178_556067fa306d172a5b63fc5d0b16f2a9.jpeg"] {
    content: url('https://toto.casiveraetkinlik.com/media_18750178_7ed74a83a0f48cdc7f54be88ee5335ec.png');
}




.compact-footer .layout-footer-holder-bc.active {
    transform: translateZ(0);
    background: rgba(var(--b), 1) !important;
}

[class*=is-web] .compact-footer .layout-footer-holder-bc.active .footerWrapper {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(var(--b), 1) !important;
}

body .casino-winners-info>span {
    color: rgba(var(--b-sc), 1) !important;
}


.layout-content-holder-bc {
    padding: 0 30px !important;
    margin: 0 auto !important;
    margin-bottom: 15px !important;
    max-width: 1470px !important;
}

.payment-logo {
    filter: grayscale(10%) contrast(0%) sepia(1) hue-rotate(-50deg) saturate(6);

}

.payment-logo:hover {
    transform: scale(1.1);
    transition object-fit: contain
}

#root>div.layout-content-holder-bc>div:nth-child(4)>div>div>div.games-horiz>div {
    padding-bottom: 20px;
}

#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.dep-w-info-bc>div.payment-details-scrollable-container>div>div:nth-child(2)>div {
    display: none;
}


body #root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav>ul.nav-menu.nav-menu-hide-items>li:nth-child(1)>ul,
body #root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav>ul.nav-menu.nav-menu-hide-items>li:nth-child(2)>ul,
body #root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav>ul.nav-menu.nav-menu-hide-items>li:nth-child(3)>ul {
    display: none;
}



body #\31 3140_Aninda_Banka {
    display: none;
}


#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.u-i-e-p-p-content-bc.u-i-common-content.user-profile>form>div.userProfile-content>div.userProfileWrapper-bc.userProfileSection-1,
#root>div.popup-holder-bc.windowed.user-profile-container>div>div>div>div.my-profile-info-block>div.u-i-e-p-p-content-bc.u-i-common-content.user-profile>form>div.u-i-p-c-footer-bc {
    display: none;
}

#root .nav-menu-hide-items .nav-menu-sub {
    top: 105%;
    margin-top: 20px;
}


#root .nav-menu-item {
    font-size: 13px;
    row-gap: 9px;
    padding-top: 10px;
    text-align: center !important;
}

#root .nav-menu-other .nav-menu-item>i.bc-i-apps {
    margin-bottom: 0px;
    margin-left: 5px;
}

#root .nav-menu-item[aria-label="Bakiye"],
#root .nav-menu-item[aria-label="Bakiye"]:hover {
    padding-top: 1px;
}

#root .nav-menu-item span {
    /* justify-content: center; */
    font-size: 13px;
    /* text-align: center; */
    color: #000000;
}

#root .nav-menu-container .nav-menu>li>.nav-menu-item>i,
.nav-menu-container .nav-menu-other>.nav-menu-item>i {
    margin-inline-end: 0px;
}

#root .nav-menu-item i {
    /* display: grid; */
    /* padding-top: 4px; */
    font-size: 14px;
    margin-bottom: 4px;
    color: rgba(var(--hero), 1);
}

#root .nav-content-bc {
    background-color: rgba(var(--menu), 1);
}

#root .nav-menu-container.header-navigation:nth-child(2) .nav-menu {
    justify-content: center;
}






#root>div.layout-content-holder-bc>div:nth-child(1)>div>div>div.carousel-viewport>div>div.carousel-slide.active-slide {
    .sdr-item-bc:before {
        background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 62%, rgb(0 0 0 / 0%))
    }
}

@media (min-width: 1339px) {
    .nav-menu-container.header-navigation:nth-child(1) .nav-menu {
        justify-content: center;
    }
}


@media (max-width: 913px) {
    #root>div.layout-header-holder-bc>header>div.hdr-main-content-bc>div.crypto-currency-data {
        display: none;
    }
}

#root .nav-menu-container.header-navigation:first-child .nav-menu>li:first-child>.nav-menu-item {
    padding-inline-start: 20px;
}


@keyframes borderFlash {
    0% {
        border-color: red;
    }

    50% {
        border-color: #edd0d0;
    }

    100% {
        border-color: red;
    }
}

#root .horizontalSliderElem {
    animation: borderFlash 5s infinite;
    width: 113px !important;
    height: 100% !important;
    border-radius: 40px;

    padding: 0px !important;
    border: 2px solid rgba(var(--hero), 0.89) !important;
}

.horizontalSliderElem .horizontalSliderImg {
    opacity: .9 !important;
    filter: none !important;
    animation: borderFlash 2s infinite;
    border-radius: 40px;
    transition: none !important;
}


.casinoGameItemImage {
    animation: borderFlash 2s infinite;
    border: 3.5px solid rgba(var(--hero), 1);
    border-radius: 20px;
    /* Kenarların oval olması için */
    /* İçerik ile sınır arasındaki boşluğu artırmak için */
    box-sizing: border-box;
    /* Padding ve border ile birlikte kutunun tam genişliğini hesaba katmak için */
}

.casino-game-item-content {
    .casino-game-item {
        animation: borderFlash 2s infinite;
        border: 3.2px solid rgba(var(--hero), 1);
        border-radius: 20px;
        /* Kenarların oval olması için */
        /* İçerik ile sınır arasındaki boşluğu artırmak için */
        box-sizing: border-box;
        /* Padding ve border ile birlikte kutunun tam genişliğini hesaba katmak için */
    }
}



/* GiriÅŸ Butonu Stili */
#root .btn.sign-in {
    background: #875e5e00;
    /* Siyah arka plan */
    color: #ff0000;
    /* Beyaz yazı rengi */
    border: none;
    /* Kenarlık yok */
    border-radius: 0;
    /* Köşeler yuvarlak değil */
    font-weight: bold;
    /* Yazı kalınlaştırıldı */
    font-family: Arial, sans-serif;
    /* Aynı font kullanıldı */
    text-decoration: none;
    /* Alt çizgi yok */
    /* Diğer stil özellikleri */
}

#root .btn.register {
    background: rgba(var(--hero), 1);
    color: #fff;
    border: none;
    border-radius: 20px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    text-decoration: none;

    transition: box-shadow .25s ease, filter .2s ease;
}

#root .btn.register:hover {
    box-shadow:
        0 0 8px red,
        0 0 15px red;
    filter: brightness(1.05);
}


#root .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active {

    background: rgba(var(--menu), 1);
    border-top: 3px solid rgba(var(--hero), 1);
    color: rgba(var(--b-sc), 1);
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item {
    background: rgba(var(--menu), 1);
    height: 45px !important;
    display: flex;
    flex-direction: column;
    /* Flex yönünü dikey yapar */
    align-items: center;
    /* İçerikleri ortalar */
    margin: 0px 0;
    /* Her bir liste öğesi arasında boşluk bırakır */
}


#root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav {
    background: rgba(var(--menu), 1);
    height: 60px !important;
}

.hdr-main-content-bc,
.logo {
    height: 80px !important;
}

.nav-menu-item i {
    padding-top: 4px;
    font-size: 24px;
    /* Ä°kon boyutu */
    margin-bottom: 5px;
    /* İkon ve metin arasına boşluk eklemek için */
    color: rgba(var(--hero), 1);
    /* İkon rengini ayarlamak için */
}

.nav-menu-item span {
    /* text-align: center; */
    /* Metni ortalamak için */
    /* color: #ffffff; */
    /* Metin rengini ayarlamak için */
}





.nav-menu-item:hover .nav-menu-sub {
    display: block;
    /* Hover ile alt menüyü göster */
}

.nav-menu-sub .nav-menu-item {
    margin: 5px 0;
    /* Alt menü öğeleri arasına boşluk */
    padding: 5px 10px;
    /* Alt menü öğeleri iç boşluk */
    background-color: #555;
    /* Alt menü öğesi arka plan rengi */
    border-radius: 3px;
    /* Alt menü öğesi köşelerini yuvarla */
}










#root>div.layout-footer-holder-bc>div>div>div>div.footerSliderGroup>div:nth-child(1)>div>div:nth-child(1)>div>a:nth-child(1) {
    display: none;

}



.layout-betslip-holder-bc {
    .bs-bet-i-b-amount-bc {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        white-space: nowrap;
        font-weight: 700;
        color: rgba(var(--oc-1), 1)
    }
}






.nav-content-bc {

    display: flex;
    flex-direction: column;
    position: relative;
    background: rgba(var(--menu), 1);
    border-radius: var(--border-radius);
}







.popup-inner-bc {

    border-radius: 20px !important;
}





.sdr-item-bc:before {

    background: none !important;
}


body {
    background-color: rgba(var(--b), 1) !important;

}



.product-banner-info-bc:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: none !important;
    z-index: -1;
}

.layout-footer-holder-bc {
    background: none !important;
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 5px;
    padding-inline-end: 5px;
}

.multi-column-content .market-odd-bc,
.multi-column-content .multi-column-base {
    font-size: 12px !important;
    font-weight: 600 !important;
}



.bs-bet-item-bc.blocked .bs-bet-i-b-coefficient-bc.c-1,
.bs-bet-item-bc.blocked .bs-bet-i-b-coefficient-bc.c-2,
.bs-bet-item-bc.blocked .bs-bet-i-b-title-bc.t-1,
.bs-bet-item-bc.blocked .bs-bet-i-b-title-bc.t-2,
.bs-bet-item-bc.blocked .bs-bet-i-h-c-icon-checkbox-bc,
.bs-bet-item-bc.blocked .bs-bet-i-h-title-bc,
.bs-bet-item-bc.blocked .bs-item-date-v-bc,
.bs-bet-item-bc.deleted .bs-bet-i-b-coefficient-bc.c-1,
.bs-bet-item-bc.deleted .bs-bet-i-b-coefficient-bc.c-2,
.bs-bet-item-bc.deleted .bs-bet-i-b-title-bc.t-1,
.bs-bet-item-bc.deleted .bs-bet-i-b-title-bc.t-2,
.bs-bet-item-bc.deleted .bs-bet-i-h-c-icon-checkbox-bc,
.bs-bet-item-bc.deleted .bs-bet-i-h-title-bc,
.bs-bet-item-bc.deleted .bs-item-date-v-bc {
    opacity: 1 !important;
}

.bs-item-date-v-bc {
    width: 100%;
    margin-top: 4px;
    color: rgba(var(--b-sc), 1) !important;
    font-size: 11px;
    line-height: 13px;
    font-weight: 600 !important;
}

.casino-winners-info>span {
    color: #1d1d25 !important;
}

.casino-winners-amount {
    flex-shrink: 0;
    color: rgba(var(--b-sc), 1) !important;
    font-size: 14px;
    font-weight: 700 !important;
}

.payment-field-info {
    margin-top: 10px;
    margin-bottom: 0;
    color: rgb(0 0 0) !important;
    font-size: 13px;
    text-indent: 20px;
    position: relative;
    font-family: sans-serif;
    line-height: 18px;
}

.payment-call-to-action {
    width: 100%;
    text-align: center;
    color: #000000 !important;
    font-size: 14px;
    line-height: 18px;
    font-family: sans-serif;
    margin-top: 0;
    margin-bottom: 10px;
}

.payment-rate {
    width: 100%;
    text-align: center;
    color: rgb(0 0 0) !important;
    font-weight: 700;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.payment-rate {
    width: 100%;
    text-align: center;
    color: rgb(0 0 0 / 60%) !important;
    font-weight: 700;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

.promotions-article-title {
    height: 34px;
    margin-top: 1px;
    padding: 0 10px;
    color: rgba(var(--b-sc), 1);
    background: rgba(var(--b-sc), .1);
    font-size: 12px;
    line-height: 34px;
    display: none !important;
}





@keyframes slide {
    from {
        left: 100%;
    }

    to {
        left: -250%;
    }
}

.layout-content-holder-bc::before {
    content: "Günlük 2.500.000₺ ye kadar çekim hakkı (Miminum günlük çekim 200.000₺) • VERA HAVALE ile MİNİMUM 100 TL YATIRIM • Doğum Günü Bonusu • VERA HAVALE ile MİNİMUM 100 TL YATIRIM • Kriptoya Özel %10 Yatırım Bonusu + %20 Kayıp Bonusu • VERA HAVALE ile MİNİMUM 100 TL YATIRIM • Geceye Özel %30 Anlık Casino ve Spor Kayıp Bonusu • VERA HAVALE ile MİNİMUM 100 TL YATIRIM • Haftalık Kayıp Bonusu • VERA HAVALE ile MİNİMUM 100 TL YATIRIM • Günlük 2.500.000₺ ye kadar çekim hakkı (Miminum günlük çekim 200.000₺) • VERA HAVALE ile MİNİMUM 100 TL YATIRIM • Doğum Günü Bonusu • VERA HAVALE ile MİNİMUM 100 TL YATIRIM • Kriptoya Özel %10 Yatırım Bonusu + %20 Kayıp Bonusu • VERA HAVALE ile MİNİMUM 100 TL YATIRIM • Geceye Özel %30 Anlık Casino ve Spor Kayıp Bonusu • VERA HAVALE ile MİNİMUM 100 TL YATIRIM • Haftalık Kayıp Bonusu • VERA HAVALE ile MİNİMUM 100 TL YATIRIM";
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #ffffff;

    /* OKUNURLUK */
    text-shadow: 0 1px 2px rgb(38 13 42 / 0%), 0 0 6px rgb(0 0 0 / 47%);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    position: fixed;
    bottom: 0;
    left: 0;
    width: max-content;
    padding: 6px 20px;
    white-space: nowrap;
    z-index: 999;

    /* Gradient (aynı) */
    background: rgba(var(--hero), 0.85);



    /* Cam efekti */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 999px;
    animation: slide 45s linear infinite;
}

/* headerdaki ikonların akışlı olması  */
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

ul.nav-menu.nav-menu-hide-items>li>a>i {
    text-transform: uppercase;
    background-image: linear-gradient(140deg, rgba(var(--hero), 1) 0%, rgba(var(--oc-1), 1) 50%, rgba(var(--oc-2), 1) 100%) !important;

    background-size: 200% auto;
    color: #fff !important;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.4s linear infinite;

}

body .nav-menu-container.header-navigation:first-child .nav-menu-other>li>i {
    color: rgba(var(--hero), 1) !important;
    fill: rgba(var(--hero), 1) !important;
    height: 20px !important;
    width: 20px !important;
}


@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item {

    height: 60px !important;


}

body .nav-menu-container.header-navigation:nth-child(2) {
    background: rgba(var(--menu), 1) !important;

}


.layout-header-holder-bc {

    box-shadow: 0 0 0 rgba(var(--b), 1) !important;
}

/* DEPOSIT PAGE */
/* DEPOSIT PAGE */
/* DEPOSIT PAGE */
/* DEPOSIT PAGE */

.my-profile-info-block.deposit-page {}

/* Header */
.my-profile-info-block.deposit-page .overlay-header {
    padding: 14px 16px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .3px;
    background: linear-gradient(90deg, rgba(var(--hero), 1), rgb(203, 205, 205));
    color: #fff;
}

/* Payment method icons */
.my-profile-info-block.deposit-page .m-block-nav-items-bc {
    padding: 12px 12px 4px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.my-profile-info-block.deposit-page .m-nav-items-list-item-bc {
    background: rgb(0 0 0 / 0%);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 12px;
    padding: 8px;
    cursor: pointer;
    border-color: rgba(var(--hero), 0.5);
    transition: border-color .15s ease, transform .15s ease;
    width: 45% !important;
}

.my-profile-info-block.deposit-page .m-nav-items-list-item-bc:hover {
    transform: translateY(-1px);
    border-color: rgba(var(--hero), 0.5);
    width: 45% !important;

}

.my-profile-info-block.deposit-page .m-nav-items-list-item-bc.active {
    border-color: rgba(var(--hero), 1);
    box-shadow: 0 0 0 1px rgba(219, 49, 121, .4);
    width: 45% !important;
}

.my-profile-info-block.deposit-page .payment-logo {
    /* width: 42px; */
    height: 42px;
    border-radius: 10px;
    object-fit: contain;

}

/* Info box */
.my-profile-info-block.deposit-page .payment-info-bc {
    margin: 12px;
    padding: 12px;
    background: rgb(255 255 255 / 4%);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
}

/* Info rows */
.my-profile-info-block.deposit-page .description-c-r-c-t-column-bc {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: 10px;
    background: #ffffffeb;
    border: 1px solid rgba(255, 255, 255, .06);
    margin-bottom: 6px;
}

.my-profile-info-block.deposit-page .description-title {
    font-size: 11px;
    color: rgba(var(--b-sc), 0.6);
}

.my-profile-info-block.deposit-page .description-value {
    font-size: 12px;
    font-weight: 600;
    color: rgba(var(--b-sc), 1);
}

/* Helper text */
.my-profile-info-block.deposit-page .expandable-info-body-content {
    padding: 0 14px;
    font-size: 12px;
    color: #000000 !important;
}

/* Select box */
.my-profile-info-block.deposit-page .form-control-bc {
    margin: 12px;
    border-radius: 12px;
    background: rgba(var(--b-sc), 0.05) !important;
    border: 1px solid rgba(var(--b-sc), 0.12) !important;
}

.my-profile-info-block.deposit-page .form-control-bc input,
.my-profile-info-block.deposit-page .form-control-bc select,
.my-profile-info-block.deposit-page .form-control-select-bc {
    font-size: 13px;
    font-weight: 600;
    color: #000000 !important;
}

.my-profile-info-block.deposit-page .form-control-bc input::placeholder {
    color: rgba(var(--b-sc), 0.4) !important;
}

/* Submit button */
.my-profile-info-block.deposit-page .btn.deposit {
    margin: 12px;
    width: calc(100% - 24px);
    background: linear-gradient(90deg, rgba(var(--hero), 1), rgba(var(--hero-hover), 1));
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: .3px;
}

.description-c-row-column-bc:not(.pay-logo) {
    width: 100%;
    background: #ffffff !important;
}

body .dep-w-info-bc {
    padding: 0 15px 15px;
    background: white !important;
}

body .dep-w-info-bc .multi-select-bc .form-control-label-bc .form-control-select-bc {
    line-height: 30px;
    background: rgba(var(--b), 0.6);
}

/* Withdraw ana kart */
.dep-w-info-bc {
    background: rgba(var(--menu), 1);
    /* border-radius: 14px; */
    border: 1px solid rgba(255, 255, 255, .08);
    overflow: hidden;
}

/* Withdraw ödeme yöntemleri */
.dep-w-info-bc .m-block-nav-items-bc {
    padding: 12px 12px 4px !important;
    display: flex !important;
    background: #ffffff;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.dep-w-info-bc .m-nav-items-list-item-bc {
    width: 45% !important;
    padding: 8px;
    background: #E7E7E7 !important;
    border: 1px solid rgba(var(--hero), 0.5) !important;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color .15s ease, transform .15s ease;
}

.dep-w-info-bc .m-nav-items-list-item-bc:hover {
    transform: translateY(-1px);
    background: rgba(var(--b), 1);
    border-color: rgba(var(--hero), 0.5);
}

.dep-w-info-bc .m-nav-items-list-item-bc.active {
    border-color: rgba(var(--hero), 1);
    background: rgba(var(--b), 1);
    box-shadow: 0 0 0 1px rgba(var(--hero), 1)66;
}

/* Payment logo */
.dep-w-info-bc .payment-logo {
    height: 42px;
    border-radius: 10px;
    object-fit: contain;
}

/* Info box */
.dep-w-info-bc .payment-info-bc {
    margin: 12px;
    padding: 12px;
    background: rgb(0 0 0 / 4%);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
}

/* Info satırları */
.dep-w-info-bc .description-c-r-c-t-column-bc {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(var(--b), 0.6);
    border: 1px solid rgba(255, 255, 255, .06);
    margin-bottom: 6px;
}

.dep-w-info-bc .description-title {
    font-size: 11px;
    color: rgba(var(--b-sc), 0.6);
}

.dep-w-info-bc .description-value {
    font-size: 12px;
    font-weight: 600;
    color: rgba(var(--b-sc), 1);
}

/* Withdraw amount alanı */
.dep-w-info-bc .WithdrawAmount-All {
    margin: 12px;
    background: rgba(var(--b), 0.6);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
}

.dep-w-info-bc .WithdrawAmount-Row {
    display: flex;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.dep-w-info-bc .WithdrawAmount-Row:last-child {
    border-bottom: none;
}

.dep-w-info-bc .WithdrawAmount-Row-Title {
    font-size: 12px;
    color: rgba(var(--b-sc), 0.6);
}

.dep-w-info-bc .WithdrawAmount-Row-Value,
.dep-w-info-bc .WithdrawAmount-Row-ValueBalance {
    font-size: 13px;
    font-weight: 700;
    color: rgba(var(--b-sc), 1);
}

/* Helper text */
.dep-w-info-bc .expandable-info-body-content {
    padding: 0 14px;
    font-size: 12px;
    color: rgba(var(--b-sc), 0.7) !important;
}

/* Input */
.dep-w-info-bc .form-control-bc {
    margin: 12px;
    border-radius: 12px;
    background: rgba(var(--b-sc), 0.05) !important;
    border: 1px solid rgba(var(--b-sc), 0.12) !important;
}

.dep-w-info-bc .form-control-bc input,
.dep-w-info-bc .form-control-bc select,
.dep-w-info-bc .form-control-select-bc {
    font-size: 13px;
    font-weight: 600;
    color: rgba(var(--b-sc), 1) !important;
}

.dep-w-info-bc .form-control-bc input::placeholder {
    color: rgba(var(--b-sc), 0.4) !important;
}

/* Button */
.dep-w-info-bc .btn.withdraw {
    margin: 12px;
    width: calc(100% - 24px);
    background: linear-gradient(90deg, rgba(var(--hero), 1), rgba(var(--hero-hover), 1));
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: .3px;
}

/* Header */
.my-profile-info-block.withdraw-page .overlay-header {
    padding: 14px 16px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .3px;
    background: linear-gradient(90deg, rgba(var(--hero), 1), rgb(203, 205, 205)) !important;
    color: #fff;
}

/* Tüm profil, para yatırma ve para çekme kartlarının arka planını beyaz yap */
.my-profile-info-block,
.dep-w-info-bc {
    background: #ffffff !important;
}

/* Tüm profil ve cüzdan başlıklarına aynı kırmızı-gri gradyanı uygula */
.my-profile-info-block .overlay-header,
.user-profile-container .overlay-header {
    background: linear-gradient(90deg, rgba(var(--hero), 1), rgb(203, 205, 205)) !important;
}

/* Header arka plan rengi değişikliği - Şablon tasarımına uygun */
.header-bc {
    background-color: rgba(var(--menu), 1) !important;
}

/* Crypto currency data alanını tamamen gizle - daha güçlü selector */
.crypto-currency-data {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Header custom buttons alanını gizle */
@media (max-width: 1073px) {
    div.header-custom-buttons {
        display: none !important;
    }
}

@media (max-width: 956px) {
    div.header-buttons-wallet {
        display: none !important;
    }
}






/* Flex item'ların arasındaki separator'ları kaldır */
.hdr-main-content-bc>div:not(:last-child)::after {
    display: none !important;
}

/* Buton container'larının border'larını kaldır */
.btn.sign-in::before,
.btn.sign-in::after,
.btn.register::before,
.btn.register::after {
    display: none !important;
}

/* Header main content position ayarı - mevcut kod */
.hdr-main-content-bc {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Logo container'ını ortalama */
.hdr-main-content-bc .logo-container {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) scale(1.2) !important;
    z-index: 10 !important;
}

/* Saat (time.infoTime) arkasındaki background'u kaldır */
.infoTime {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Header main content içindeki separator'ları kaldır */
.hdr-main-content-bc .infoTime::before,
.hdr-main-content-bc .infoTime::after {
    display: none !important;
    content: none !important;
}

/* En sağdaki kare kutu (smart panel holder) rengini değiştir */
.smartPanel-bc {
    background-color: rgba(var(--b-sc), 0.05) !important;
}

/* Header main content içindeki separator'ları kaldır */
.hdr-main-content-bc .smartPanel-bce::before,
.hdr-main-content-bc .smartPanel-bc:after {
    background: #ffffff1a !important;
    border-color: rgba(var(--b-sc), 1) !important;
    width: 3px !important;
}


/* Ana içerik menüsü (SANAL SPORLAR, CANLI, SPOR vb.) altına border ekle */
.nav-content-bc {
    border-bottom: 2px solid rgba(var(--hero), 1) !important;
}

/* Mevcut logo'yu gizle ve yeni logo'yu ekle */
.hdr-logo-bc img,
.logo img {
    max-height: 60px !important;
    width: auto !important;
    scale: 1.1 !important;
}

/* Layout footer holder arka plan rengi */
.layout-footer-holder-bc {
    background: rgba(var(--menu), 1) !important;
    background-color: rgba(var(--menu), 1) !important;
}

/* Footer container arka planı */


/* CMSIconSVGWrapper rengini pembe yap */
.CMSIconSVGWrapper {
    color: rgba(var(--hero), 1) !important;
    fill: rgba(var(--hero), 1) !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center
}


.swiper-slide .CMSIconSVGWrapper {

    width: 100% !important;
    height: 100% !important;

}

/* TREND başlığını gizle */
.view-title-more.ellipsis {
    font-size: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    position: relative !important;
    height: 50px !important;
}

.justiceGames h3.view-title-more.ellipsis:first-of-type {
    font-size: 0 !important;
    background-image: url('https://toto.casiveraetkinlik.com/media_18750178_9c7d929038a4df13acb485dc6ebd3eab.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    height: 50px !important;
    padding: 0 !important;
}

#root>div.layout-content-holder-bc>div:nth-child(4)>div>div>div.page-view-more>h3 {
    font-size: 0 !important;
    background-image: url('https://toto.casiveraetkinlik.com/media_18750178_02d97a449a090044b178cd62c998a01e.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    height: 50px !important;
    padding: 0 !important;
}


#root>div.layout-content-holder-bc>div:nth-child(5)>div>div>div.page-view-more>h3 {
    font-size: 0 !important;
    background-image: url('https://toto.casiveraetkinlik.com/media_18750178_cb9e4b6a8f3743eedd97eb676c129d25.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center left !important;
    height: 50px !important;
    padding: 0 !important;
}

/* "DAHA FAZLASI" yazılarını gizle */
.view-see-more,
a.view-see-more {
    display: none !important;
}

body .sliderGroup .horizontalSliderRow,
.sliderGroup .horizontalSliderWrapper {
    height: 40px !important;
}
#root>div.layout-footer-holder-bc {
    background: #1a0a09 !important;
}

/* Footer container'ına yeni görsel ekle */
.layout-footer-holder-bc::before {
    content: "" !important;
    margin-top: 15px !important;
    display: block !important;
    width: auto !important;
    filter: grayscale(70%) contrast(100%);
    height: 945px !important;
    background-image: url('https://toto.casiveraetkinlik.com/footer.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-height: 500px !important;
}

.informative-widget-link {
    display: flex;
    justify-content: center;
    background: rgba(var(--menu), 1)ab !important;
    border-top: 2px solid rgba(var(--hero), 1);
    border-radius: var(--border-radius)
}

#root .nav-menu-item:hover {
    font-size: 13px;
    row-gap: 10px;
    background: rgba(var(--hero), 0.15);
    padding-top: 10px;
}

/* Giriş/Kayıt butonları sağda kalsın */
.hdr-main-content-bc .hdr-user-bc {
    margin-left: auto !important;
    position: relative !important;
}

/* Alternatif - son slider element lisans logolar */
div.sliderSingleEl>div:last-child {
    display: none !important;
}

/* Tüm footer yazıları bembeyaz */
.footerLinkCol1 *,
.footerLinksSection * {
    color: white !important;
}

/* Yatırım Yöntemleri slider'ını gizle */
.sliderContent {
    display: none !important;
}

/* 1. Saat ve dil seçeneği divini gizle */
.footerInfoColumn,
time.infoTime,
.form-control-bc.select.languageDropdown {
    display: none !important;
}

/* 2. Sosyal medya logolarını ortalama */
ul.footerSocialLinks {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center !important;
    float: none !important;
}

/* 3. En sağdaki Bluesky logosunu gizle */
ul.footerSocialLinks li:last-child {
    display: none !important;
}

/* Footer başlıklarını büyüt (HAKKINDA, YARDIM, BİZE ULAŞIN) */
.footerLinkCol1Title,
h3.footerLinkCol1Title {
    font-size: 18px !important;
    font-weight: bold !important;
}

/* Footer link yazılarını büyüt */
.footerLinkCol1 a,
.footerLinkCol1 li,
.footerLinksSection a {
    font-size: 15px !important;
}

.promotionsArticleThumbnail-bc {
    flex: none !important;
    object-fit: cover;
    transition: var(--default-transition-duration);
}

/* Ortak ayarlar */
.footerSocialLinks .footerSocialLink a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    /* ikon boyutu */
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* İçteki icon fontu gizle */
.footerSocialLinks .footerSocialLink a i {
    display: none !important;
}

/* X (Twitter) */
.footerSocialLinks .footerSocialLink a[href*="CasiveraXSocial"] {
    background-image: url("https://toto.casiveraetkinlik.com/media_18750178_e582cd0adff35b29545b2cd6215f2910.png");
}

/* Instagram */
.footerSocialLinks .footerSocialLink a[href*="CasiveraInstagramSocial"] {
    background-image: url("https://toto.casiveraetkinlik.com/media_18750178_f46b117d14d8b9ecc3013782e97bbe4d.png");
}

/* Telegram */
.footerSocialLinks .footerSocialLink a[href*="CasiveraTelegramSocial"] {
    background-image: url("https://toto.casiveraetkinlik.com/media_18750178_a8c96fe1d10a4096e06e1542aeaf7198.png");
}

/* Sosyal ikon arka planlarını tamamen kaldır */
.footerSocialLinks .footerSocialLink,
.footerSocialLinks .footerSocialLink a {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.hdr-smart-panel-holder-bc {
    background: rgba(var(--hero), 0.15) !important;
    /* NOTIFICATIONS */
}


/* SPOR ALANI TASARIMI */
.left-menu-container {
    background: transparent !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(var(--b), 1) !important;
    /* çok acik oldu tekrar bak, sidebar takım ismi, skor arkaplan*/
}

.left-menu-scroll>.sp-sub-list-bc.active>.sp-s-l-head-bc {
    background: #00000000 !important;
    /* SIDEBAR BASLIK*/
}

.game-events-list-block-bc {
    background: transparent !important;
    /* ORTA OYUN ETKINLIKLERI, GOL KORNER VS */
}

.sportsbook .sgm-market-search {
    background: transparent !important;
    /* ORTADAKI BARLAR */
}

[class*=is-web] .sgm-market-g-h-fav-icon-wrapper {
    background: transparent !important;
    /* YILDIZLARAKI BUG */
}

.left-menu-container input {
    background: transparent !important;
    /* SIDEBAR EN UST SEARCH BAR INPUT*/
}

.left-menu-search div {
    background: rgba(var(--b), 0.6) !important;
    /* SIDEBAR EN UST SEARCH BAR BUTON */
}

.sportsbook-container.multi-column-view .multi-column-resize-block {
    background: #7100ff00 !important;
    /* MAC ONCESI TURNUVA VS  */

}




/* PROMOSYONLAR SAYFASI POPUP */
.popup-inner-bc {
    background: rgba(var(--menu), 1) !important;
}




/* CASINO SAYFASI */
[class*=is-web] .casinoCategoryChooserContainer {
    background: #9991ab00 !important;
}

.casinoProviderRow {
    background: rgba(var(--b-sc), 0.05) !important;
}

.casinoGameListBlockHeader {
    background: transparent !important;
}

.searchInput {
    color: rgba(var(--b-sc), 0.9) !important;
}

[class*=is-web] .searchInputWrp {
    background-color: transparent !important;
}

body .horizontalSliderRow {
    background-color: rgba(var(--b-sc), 0.08) !important;
}






.nav-menu-container .nav-menu-sub .nav-menu-item {
    display: flex !important;
    align-items: center !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: var(--border-radius) !important;
    overflow: hidden !important;
}

.nav-menu-container .nav-menu-sub i {
    font-size: 20px !important;
}

.nav-menu-container .nav-menu>li>.nav-menu-item>.CMSIconSVGWrapper,
.nav-menu-container .nav-menu-other>.nav-menu-item>.CMSIconSVGWrapper {
    margin-inline-end: 0px !important;
}



/* ANASAYFA DAHA BUTONU BACKGROUND */
.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active {
    background: rgba(var(--menu), 1) !important;
    color: black !important;
}


/* PROMOSYONLAR SAYFASI HOVER EFEKT */
/* PROMOSYONLAR SAYFASI HOVER EFEKT */
/* PROMOSYONLAR SAYFASI HOVER EFEKT */
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
    transform: none !important;
}

.promotionsListEl-bc {
    position: relative;
    overflow: hidden;
}

/* Parlama katmanı */
.promotionsListEl-bc::before {
    content: "";
    position: absolute;
    inset: 0;
    left: -160%;
    width: 65%;
    background: linear-gradient(120deg,
            transparent 0%,
            rgb(255 255 255 / 39%) 35%,
            rgb(211 33 33 / 45%) 50%,
            rgb(255 255 255 / 33%) 65%,
            #de777778 100%);
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
    z-index: 900;
}

/* Hover animasyonu */
.promotionsListEl-bc:hover::before {
    animation: promo-shine 0.9s ease forwards;
    opacity: 1;
}

.promotionsListEl-bc:hover {
    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.35),
        inset 0 0 0 1px rgba(255, 255, 255, 0.10);
}



@keyframes promo-shine {
    from {
        left: -160%;
    }

    to {
        left: 160%;
    }
}

/* PROMOSYONLAR SAYFASI HOVER EFEKT */
/* PROMOSYONLAR SAYFASI HOVER EFEKT */
/* PROMOSYONLAR SAYFASI HOVER EFEKT */

/* POPUP TÜM SAYFA */
body .popup-holder-bc.windowed .popup-inner-bc {
    width: 100%;
    background: rgba(var(--b), 1) !important;
    height: 100%;
}

body .status-popup-content-w-bc {
    width: 100% !important;
    height: 100% !important;
    align-content: center;
    background: #ff000000;
    padding: 15px var(--padding-page-aside);
}

.status-popup-content-w-bc {
    background: rgba(var(--b-sc), 0.05);
}

/* POPUP TÜM SAYFA */



/* spor market */

/* 
  =============================================================================
  SPORTSBOOK SIDEBAR LEFT MENU - RED & WHITE PREMIUM LIGHT THEME
  =============================================================================
*/

/* Core Layout Container & Scrollbar */
.layout-content-holder-bc * {
    box-sizing: border-box;
}

.left-menu-container {
    background: #ffffff !important;
    border: 1px solid #e9ecef !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
    max-width: 100% !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Scroll wrapper styling */
.left-menu-scroll {
    max-height: 80vh !important;
    scrollbar-width: thin !important;
    scrollbar-color: #e30a17 #f1f3f5 !important;
}

.left-menu-scroll::-webkit-scrollbar {
    width: 6px !important;
}

.left-menu-scroll::-webkit-scrollbar-track {
    background: #f1f3f5 !important;
    border-radius: 10px !important;
}

.left-menu-scroll::-webkit-scrollbar-thumb {
    background: #e30a17 !important;
    border-radius: 10px !important;
}

/* 1. Search Bar Design */
.left-menu-search {
    padding: 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f3f5 !important;
}

.sport-search-bc {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    background: #f8f9fa !important;
    border: 1.5px solid #e9ecef !important;
    border-radius: 12px !important;
    padding: 2px 4px !important;
    transition: all 0.25s ease !important;
}

.sport-search-bc:hover {
    border-color: #e30a17 !important;
    background: #ffffff !important;
}

.sport-search-bc.active,
.sport-search-bc:focus-within {
    border-color: #e30a17 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(227, 10, 23, 0.08) !important;
}

.ss-input-bc {
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    padding: 10px 40px 10px 12px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #2c3e50 !important;
    outline: none !important;
}

.ss-input-bc::placeholder {
    color: #adb5bd !important;
}

.ss-icon-holder-bc {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #adb5bd !important;
    transition: color 0.25s ease !important;
    pointer-events: none !important;
}

.sport-search-bc:focus-within .ss-icon-holder-bc,
.sport-search-bc.active .ss-icon-holder-bc {
    color: #e30a17 !important;
}

/* 2. Top Tabs (Canlı & Maç Öncesi) */
.second-tabs-bc {
    display: flex !important;
    background: #f8f9fa !important;
    border-bottom: 1px solid #f1f3f5 !important;
    padding: 6px !important;
    gap: 4px !important;
}

.tab-bc {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #6c757d !important;
    cursor: pointer !important;
    border-radius: 10px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative !important;
}

.tab-bc span:first-child {
    letter-spacing: 0.5px !important;
}

.tab-bc span:last-child {
    font-size: 11px !important;
    opacity: 0.85 !important;
}

/* Tab Hover */
.tab-bc:hover {
    color: #e30a17 !important;
    background: rgba(227, 10, 23, 0.03) !important;
}

/* Active Tab */
.tab-bc.active {
    color: #e30a17 !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

/* Underline indicator for active state */
.tab-bc.selected-underline.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 20% !important;
    right: 20% !important;
    height: 3px !important;
    background: #e30a17 !important;
    border-radius: 3px 3px 0 0 !important;
}

/* Category header block */
.sp-s-l-head-bc {
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    /* padding: 14px 16px !important; */
    background: #ffffff !important;
    border-bottom: 1px solid #f1f3f5 !important;
    cursor: pointer !important;
    user-select: none !important;
    transition: all 0.25s ease !important;
    position: relative !important;
}

.sp-s-l-head-bc:hover {
    background: #f8f9fa !important;
}

/* Category Active/Selected header state */


.sp-sub-list-bc.selected>.sp-s-l-head-bc .sp-s-l-h-title-bc {
    color: #e30a17 !important;
    font-weight: 700 !important;
}

/* Icon (flag / sport icon) */


.sp-sub-list-bc.selected>.sp-s-l-head-bc .sp-s-l-h-flag-bc {
    color: #e30a17 !important;
}

/* Title container */
.sp-s-l-h-title-content {
    flex: 1 !important;
    min-width: 0 !important;
}

.sp-s-l-h-title-bc {
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    line-height: 1.4 !important;
}

/* Category Counter Badge */
.sp-s-l-b-c-i-g-league-c-bc {
    background: #e9ecef !important;
    color: #495057 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 20px !important;
    margin-right: 10px !important;
    min-width: 24px !important;
    text-align: center !important;
    transition: all 0.25s ease !important;
}

.sp-sub-list-bc.selected>.sp-s-l-head-bc .sp-s-l-b-c-i-g-league-c-bc {
    background: #e30a17 !important;
    color: #ffffff !important;
}

/* Arrow indicator icon */
.sp-s-l-h-arrow-icon-bc {
    font-size: 11px !important;
    color: #adb5bd !important;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.sp-sub-list-bc.active>.sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc {
    transform: rotate(180deg) !important;
    color: #e30a17 !important;
    background: #ffffff00 !important;
}

/* Content wrapper panel (collapsed/expanded content) */
.sp-s-l-b-content-wrp {
    background: #fcfdfe !important;
    border-bottom: 1px solid #f1f3f5 !important;
}

.sp-s-l-b-content-bc {
    padding: 0 !important;
}

/* 5. Dropdown Selection Box (Maç Sonucu filter inside category) */


.form-control-label-bc.form-control-select-bc {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #495057 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.2s ease !important;
}

.form-control-label-bc.form-control-select-bc:hover {
    border-color: #e30a17 !important;
    background: #ffffff !important;
    color: #e30a17 !important;
}

.form-control-icon-bc {
    font-size: 10px !important;
    color: #868e96 !important;
    transition: color 0.2s ease !important;
}

.form-control-label-bc:hover .form-control-icon-bc {
    color: #e30a17 !important;
}

.form-control-input-stroke-bc {
    display: none !important;
    /* Hide defaults if any */
}

/* 6. Game Section (Single Match Block) */
.market-game-section {
    position: relative !important;
    padding: 14px 16px 14px 24px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f3f5 !important;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.market-game-section:hover {
    background: #fcfdfe !important;
    box-shadow: inset 3px 0 0 0 #e30a17 !important;
}



/* Active Game Section */
.market-game-section.active {
    background: rgba(227, 10, 23, 0.03) !important;
    box-shadow: inset 4px 0 0 0 #e30a17 !important;
}

.market-game-section.active .selected-game-indicator {
    background: #e30a17 !important;
}

/* Team Rows */
.market-game-team {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.4 !important;
}

.market-game-team:last-of-type {
    margin-bottom: 10px !important;
}

.market-game-team-name {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #212529 !important;
}

.market-game-section.active .market-game-team-name {
    font-weight: 700 !important;
}

.market-game-odd {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #e30a17 !important;
    /* Live Score Red highlight */
    background: rgba(227, 10, 23, 0.08) !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    min-width: 20px !important;
    text-align: center !important;
}

/* Match Part & Details line */
.market-game-part-container {
    display: flex !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #7f8c8d !important;
    margin-bottom: 8px !important;
    gap: 8px !important;
}

.market-game-part {
    color: #e30a17 !important;
    /* Live text */
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

.market-game-part-container b {
    background: #e9ecef !important;
    color: #495057 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
}

.bc-i-statistics,
.bc-i-favorite,
.bc-i-lock {
    font-size: 12px !important;
    color: #adb5bd !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

.bc-i-statistics:hover {
    color: #3498db !important;
}

.bc-i-favorite:hover,
.bc-i-favorite.active,
.market-game-section.active .bc-i-favorite {
    color: #f1c40f !important;
}

/* Additional score/time info */
.market-game-additional-info-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #868e96 !important;
    margin-bottom: 12px !important;
}

.market-game-additional-info {
    font-style: italic !important;
}

.market-game-additional-info-time {
    font-weight: 600 !important;
    color: #495057 !important;
}

/* 7. Odds Buttons Grid (MS1 - X - MS2) */
.market-group-holder-bc.left-menu-market {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
}

.market-group-item-bc {
    display: flex !important;
}

.sgm-market-g-i-cell-bc.market-bc {
    width: 100% !important;
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    padding: 6px 4px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Odds Cell Hover State */
.sgm-market-g-i-cell-bc.market-bc:hover {
    background: #e30a17 !important;
    border-color: #e30a17 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(227, 10, 23, 0.2) !important;
}

.sgm-market-g-i-cell-bc.market-bc:hover .market-name-bc,
.sgm-market-g-i-cell-bc.market-bc:hover .market-odd-bc {
    color: #ffffff !important;
}

/* Active Odds State */
.sgm-market-g-i-cell-bc.market-bc.active {
    background: #e30a17 !important;
    border-color: #e30a17 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.sgm-market-g-i-cell-bc.market-bc.active .market-name-bc,
.sgm-market-g-i-cell-bc.market-bc.active .market-odd-bc {
    color: #ffffff !important;
}

/* Market selection text (MS1, X, MS2) */
.market-name-bc {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #868e96 !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
    transition: color 0.2s ease !important;
}

/* Odds coefficient value */
.market-coefficient-bc {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
}

.market-odd-bc {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #212529 !important;
    transition: color 0.2s ease !important;
}

/* Odds Up/Down Arrows */
.market-arrow-up-down-bc {
    font-size: 9px !important;
}

.market-arrow-up-down-bc.is-up {
    color: #2ecc71 !important;
    /* Green for Up trend */
}

.market-arrow-up-down-bc.is-down {
    color: #e74c3c !important;
    /* Red for Down trend */
}

.sgm-market-g-i-cell-bc.market-bc:hover .market-arrow-up-down-bc.is-up,
.sgm-market-g-i-cell-bc.market-bc:hover .market-arrow-up-down-bc.is-down {
    color: #ffffff !important;
    /* Turns white on hover for clarity */
}

/* Disabled/Locked Markets */
.market-bc.disabled-market-bc {
    width: 100% !important;
    background: #f1f3f5 !important;
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    padding: 8px 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: not-allowed !important;
    opacity: 0.65 !important;
    min-height: 40px !important;
}

.market-lock-icon {
    font-size: 11px !important;
    color: #adb5bd !important;
}

/* spor market */


body {

    margin: 0;

    min-height: 100vh;



    background:

        linear-gradient(rgb(255 255 255 / 0%),

            rgb(255 56 56 / 0%)),

        url("https://toto.casiveraetkinlik.com/back2.png") !important;



    background-position: center center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    background-attachment: fixed !important;

}


/* dep form */
.form-control-message-bc {
    color: white !important;
    background: #000000 !important;
}


/* dep form */

.tournamentsWidgetPrice {
    color: #c92020 !important;
    text-shadow: 0 0 30px rgba(var(--error), var(--fds-ref-alpha-100))
}

.casinoWinnerWidgetAmount {
    color: #c92020 !important;
}

body i.sp-s-l-h-arrow-icon-bc.bc-i-small-arrow-down {

    background: #ffffff !important;
}

.u-i-p-amounts-bc.withdrawable .u-i-p-a-content-bc {
    background: #c7090b !important;
}



.u-i-p-amounts-bc.bonuses .u-i-p-a-content-bc {
    background: #14b2a5 !important;
}

.my-profile-info-block>.overlay-header {
    color: #ffffff !important;
}

.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-wrp>.sp-s-l-b-content-bc>.sp-sub-list-bc.active {
    /* padding-bottom:5px; */
    background: rgba(var(--b-sc), .1);
    padding: 0.5px;
    box-shadow: inset 0 1px 0 0 transparent;
}

.select.s-small .inputs {
    height: 100%;
    width: 100%;
}

.hdr-user-bc .bc-i-deposit,
.hdr-user-bc .bc-i-wallet,
.hdr-user-bc .bc-i-community,
.hdr-user-bc .deposit-btn {
    color: #fff;
    background: rgba(var(--oc-1), 1) !important;
}

[class*=is-web] .sgm-market-search .horizontal-sl-tab {
    margin-inline-start: 4px !important;
}

.sgm-market-g-h-title-bc {
    color: #c91212 !important;
    font-weight: bold !important;
}

.entrance-form-action-item-bc.right button.btn.a-color {
    background: #d91d1d !important;
}



.sgm-market-g-item-bc>.market-bc.m-g-header {
    color: black !important;
    font-weight: bold !important;
}

span.bs-bet-i-b-amount-bc {
    color: #025b0b !important;
    font-weight: bold !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-head-bc { padding: 0 5px; } 

.btn.a-color {
    background: #d91d1d !important;
}