@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

.Toastify__toast-body, html {
    font-family: Outfit, cursive !important;
}
:root {
        --hero: 236, 183, 64 !important;
        --oc-2: 236, 183, 64 !important;
        --oc-1: 236, 183, 64 !important;
}
.jackpot-banner.jackpot-widget-full .casinoJackpotWrapper-bc:before {
    background-image: url('https://cmsbetconstruct.com/content/images/87d1bdb3c5b89f1d1efae7f61754ad19_1877046_media.jpg')!important;
}

#root > div.popup-holder-bc.windowed.info > div > div > div {
    width: 600px!important;
}

#root > div.popup-holder-bc.windowed.info > div > div {
    width: 600px!important;
}

.payment-info-bc .description-c-row-bc+.withdraw-form-l-bc {
    margin-top: 65px!important;
}

.entrance-f-error-message-bc {
    background: #37333036!important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #fddba4 0%, #c69c6b 100%) !important;
}

::-webkit-scrollbar-track {
    background: linear-gradient(90deg, #282828 0%, #a7a7a7 100%) !important;
}

.jackpot-banner.jackpot-widget-full .casinoJackpotWrapper-bc:before {
    background-image: url('https://cmsbetconstruct.com/storage/medias/babilbet/media_1874150_910c439bf8142097132b215da8f215b2.png')!important;
}

.casinoJackpotLevelEl-bc div span {
    color: #FFFDFA!important;
}

.jackpot-widget-full .casinoJackpotLevelPrice-bc:after {
    color: #FFF;
}

.layout-footer-holder-bc {
    background: #1f1c1700!important;
    backdrop-filter: blur(10px);
}

.popup-inner-bc {
    box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 1rem #ecb740, 0 0 0.4rem #ecb740, 0 0 1.4rem #ecb740, inset 0 0 0.7rem #ecb740 !important;
    border-radius: 20px!important;
}

.sdr-item-bc:before {
    background: transparent!important;
}

.accordion-items .accordion-button.a-outline, .accordion-items .accordion-button:hover {
    background: #201c18!important;
    font-weight: bold!important;
}

#root > div.layout-content-holder-bc > div > div.accordion-items-container > div > div {
    justify-content: center!important;
}

.accordion-items .accordion-button.a-outline, .accordion-items .accordion-button:hover {
    box-shadow: 0 0 0 1px #ecb740!important;
}
body {
   /* background-image: url(https://cmsbetconstruct.com/storage/medias/betra-18758723/media_18758723_fe66227a408ada877a4a72fea1fe46f6.jpeg) !important; */
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-position: center center !important;
   background-attachment: fixed !important;
   background: #171920 !important;
   position: relative !important;
}
.layout-bc {
  background-image: url('https://betraoyun.com/btco/21224530-3ed5-4785-8d06-0cbccf552744%20(1).png') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

.casinoJackpotLevelTitle-bc {
    color: #dac394!important;
    text-shadow: 0px -12px 20px #ecb740!important;
}
.jackpot-pool-title {
    color: #ecb740!important;
}
.btn.register {
    color: black !important;
    font-weight: bold !important;
    box-shadow: 0px 0px 10px 0px #f0e7ab !important;
}
/*====================================================
    NETBAHÄ°S LOGIN BUTTON
====================================================*/

.btn.sign-in {
    text-decoration: none !important;
    background: rgba(23,25,32,.82) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    color: #ffffff !important;

    padding: 5px 25px !important;

    border: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 9px !important;

    font-weight: 700 !important;
    letter-spacing: .3px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 -1px 0 #ffffff,
        0 8px 18px rgba(0,0,0,.25) !important;

    transition: all .25s ease !important;
}


/* Hover */

.btn.sign-in:hover{

    background: rgba(23,25,32,.96) !important;

    color: #ffffff !important;

    border-color: rgba(255,255,255,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 -1px 0 #ffffff,
        0 0 12px rgba(255,255,255,.18),
        0 8px 20px rgba(0,0,0,.30) !important;

    transform: translateY(-1px);
}


/* Active */

.btn.sign-in:active{

    transform: translateY(1px);

    box-shadow:
        inset 0 2px 6px rgba(0,0,0,.25),
        0 -1px 0 #ffffff !important;
}
/*====================================================
    NETBAHÄ°S REGISTER BUTTON V2
====================================================*/

.btn.s-small.register {

    background: rgba(23,25,32,.82) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 5px 25px !important;
    color: #ffb602 !important;

    border: 1px solid rgba(255,182,2,.14) !important;
    border-radius: 9px !important;

    font-weight: 700 !important;
    letter-spacing: .3px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 -2px 0 #ffb602,
        0 8px 18px rgba(0,0,0,.25) !important;

    transition: .25s ease !important;
}


/* Hover */

.btn.s-small.register:hover{

    background: rgba(23,25,32,.96) !important;

    color:#ffd24d !important;

    border-color: rgba(255,182,2,.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 -1px 0 #ffb602,
        0 0 10px rgba(255,182,2,.18),
        0 8px 18px rgba(0,0,0,.30) !important;

    transform: translateY(-1px);
}


/* Active */

.btn.s-small.register:active{

    transform:translateY(1px);

    box-shadow:
        inset 0 2px 6px rgba(0,0,0,.25),
        0 -1px 0 #ffb602 !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item i {
    background: linear-gradient(180deg,#d4b27e 0,#ecb740 100%)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    background-clip: text!important;
    text-fill-color: transparent!important;
}
.nav-menu-container .nav-menu {
    justify-content: center!important;
}
.header-bc {
    background: #171920 !important;
    box-shadow: 0 2px 0 #f9b304 ) !important;
    border-bottom: 2px solid #f9b304  !important;
}
.nav-menu-container.header-navigation:first-child {
    border-radius: 5px!important;
  background: #171920 !important;
  border-bottom: 1px solid #25364f; / Uzun ince çizgi /

}
.nav-content-bc, .nav-content-bc .nav-menu-container .nav-menu-sub {
    background: #171920 !important;
}
.popup-inner-bc {
    background: #1f1c175e!important;
    backdrop-filter: blur(10px)!important;
}


.layout-footer-holder-bc {
    z-index: 1;
}


@keyframes slide {
from {
left:100%
}
to {
left:-250%
}
}
.product-banner-info-bc:before {
    background: transparent!important;
}
.jackpot-pool-status {
    color: #ecb740!important;
}
.justice-games p {
    color: rgb(217 195 149)!important;
}
.justice-games > div {
    background: #cecece0a!important;
    backdrop-filter: blur(3px)!important;
}
.justice-games p::after {
    background: linear-gradient(90deg, rgba(255, 184, 0, 0.1), rgb(217 195 149) 50%, rgba(255, 184, 0, 0.1))!important;
}
@media not all and (hover: hover)
.btn.a-color:active {
    background: #beb5a0!important;
}
.justice-games>div:before, .justice-games p {
    background: transparent!important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active {
    color: #d5b684!important;
    background: transparent!important;
    border-radius: 10px!important;
    box-shadow: inset 0px 0px 9px 0px #f0e7ab !important;
}
.justice-games p {
    top: -47px!important;
    font-size: 25px!important;
}
.justice-games {
    margin-top: -16px!important;
}
.justice-games p {
    text-shadow: 0px -5px 20px #ecb740!important;
}
.justice-games>div {
    padding: 0px 20px 20px!important;
}
.bonusExchangeListElThumbWrapper-bc {
    padding-top: 62%!important;
}
.bonusExchangeListElTitle-bc {
    color: #ecb740 !important;
}
.bonusExchangeListElInfo-btn-bc {
    box-shadow: 0px 0px 15px 0px rgba(242, 226, 182, 1);
}
.bonusExchangeList-bc {
    grid-template-columns: repeat(auto-fit,minmax(301px,1fr))!important;
}
#root > div.popup-holder-bc.windowed.user-profile-container > div > div > div > div.my-profile-info-block > div.loyaltyPointsWrapper > div > div:nth-child(1) > div > span {
    color: white!important;
}
#root > div.popup-holder-bc.windowed.user-profile-container > div > div > div > div.my-profile-info-block > div.loyaltyPointsWrapper > div > div:nth-child(2) > div > span {
    color: white!important;
}
#root > div.popup-holder-bc.windowed.user-profile-container > div > div > div > div.my-profile-info-block > div.loyaltyPointsWrapper > div > div:nth-child(3) > div > span {
    color: white!important;
}
#root > div.popup-holder-bc.windowed.user-profile-container > div > div > div > div.my-profile-info-block > div.loyaltyPointsWrapper > div > div:nth-child(4) > div > span {
    color: white!important;
}
#root > div.popup-holder-bc.windowed.user-profile-container > div > div > div > div.my-profile-info-block > div.loyaltyPointsWrapper > div > div:nth-child(5) > div > span {
    color: white!important;
}
.jackpot-widget-full .casinoJackpotLevelPrice-bc {
    font-family: sans-serif!important;
}
.jackpot-pool-price {
    font-family: sans-serif!important;
}
.casinoJackpotLabelBlock-bc div.casinoJackpotPrice-bc {
    font-family: sans-serif!important;
}




.layout-header-holder-bc {
   box-shadow: 110px 0 0 rgb(25 39 64) !important;
}

.leaderboard-bc {
display:none;
}

/* loaderi oynatma animasyonu BETRA özel */

.bc-loader-contain{
    
    animation-duration: 2s;
    animation-name: createBox;

    position: relative;

  

  
    border-width: 1px;
    border-radius: 15px;

    width: 98px;
    height: 98px;

    margin: 10px;

    float: left;
}
#comm100-float-button-ac7e4689-3974-4380-bd8e-b1f7a99d55ca-2 img {
    width: 110px !important;
    height: 120px !important;
    object-fit: contain !important;
    display: block !important;
}
@keyframes createBox{
    from{
        height:0px;
        width: 0px;

    }
    to{
        height: 98px;
        width: 98px;
    }
}

/* Arthur  */
/* spor canlı slot üst ara kisim rengi */
.nav-menu-container.header-navigation:nth-child(2) .nav-menu {
    background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;

}

.hdr-logo-bc {
    display: flex;
       object-fit: contain;
}


.hdr-logo-bc {
    height: 158% !important;
}

.popup-t-logo-w-bc {
    
    height: 32px !important;
    
}

.product-banner-container-bc {
  opacity: 0.9;
}

img[src="https://verification.curacao-egaming.com/validate.ashx?domain=betra.bet"] {
    width: 70px !important; /* Yeni geniÅŸlik deÄŸeri */
    height: auto !important; /* Oranları korumak için otomatik yükseklik */
}
[class*=is-web] .horizontalSliderElem .horizontalSliderImg {
     opacity: 10 !important; 
    filter: none !important;
}

.footerCopyrightBlock {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.footerWarning,
.footerCopyrights {
  margin: 0 !important;
}

.footerWarningAge {
  margin-right: 10px !important;
}


/* Ortak Wheel öğesini gizle */
.nav-menu-item.badge-spinCount {
    display: none !important;
}

/* Trebuchet öğesini gizle */
.nav-menu-item[href*="Trebuchet"] {
    display: none !important;
}




/* to harmony öğesini gizle */
.nav-menu-item[href*="to-harmony.com"] {
    display: none !important;
}


/* tg butonugizleme */
.logo-container .header-icon {
  display: none;
}







/* dapple raffle öğesini gizle */
.nav-menu-item[href*="raffle"] {
    display: none !important;
}
.main-tabs-bc .tab-bc:first-child {
    visibility: hidden;
    width: 0;
    padding: 0;
    margin: 0;
}

/* giristeki altta çıkan reklam */
.switch-popup-wrapper {
    display: none !important;
}

/* girişteki altta cıkan reklam */
.YoPhoneAppContent {
    display: none !important;
}


/* kisisel detay altını gizle */
.userProfileSection-2 
{
    display:none;
}



/** popüler maç kısmı */

.featuredGameItem,
.featuredGameItem * {
    background-color: #0000000a !important;
    color: #fff !important;
}

.featuredGameItem[class*=Soccer],div[class="featuredGameItem Soccer"] {
    background: url(https://i.hizliresim.com/dz6bmr2.png) center/cover no-repeat!important
}
 /* popüler mac kısmı bitiş */


.sliderSingleEl a.sliderImage[href*="dmca.com"] {
  display: block;
  text-align: center;
}

.sliderSingleEl a.sliderImage[href*="dmca.com"] img {
  width: 30% !important;
  height: auto !important;
  display: inline-block !important;
}

/*Header Background*/
.informative-widget-container {
  padding: 15px !important;
}
.hdr-dynamic-content {
  background: rgba(var(--main-bg), 1) !important;
}
.hdr-dynamic-content .informative-widget {
  background: rgba(var(--main-bg), 1) !important;
}
.hdr-dynamic-content .informative-widget-link {
  border-radius: 0px !important;
  border-top: 2px solid rgba(var(--primary), 1);
  background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;;
}
.hdr-dynamic-content .informative-widget {
  padding: 1 1px !important;
}
.hdr-dynamic-content .e-p-close-icon-bc {
  font-size: 9px !important;
  width: 1px !important;
  height: 12px !important;
  right: 20px !important;
  top: 12% !important;
  transform: translateY(-50%) !important;
  line-height: normal !important;
  background: rgba(var(--white), 0.25) !important;
  border-radius: 100%;
  color: rgba(var(--primary), 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hdr-dynamic-content .informative-widget-container {
  padding: 14px 40px 13px 18px;
}
.hdr-dynamic-content .informative-widget-container .product-banner-img-bc {
  display: none;
}
.hdr-dynamic-content .informative-widget-container span {
  font-size: 14px !important;
}
.hdr-dynamic-content .hm-row-bc {
  margin-bottom: 0,px;
  background: rgba(var(--main-bg), 1);
}
/*Header Background End*/


/* =========================================================
   ÖNE ÇIKAN ETKİNLİKLER - ARKA PLAN VE FONT UYUMLU
   ========================================================= */

/* Ana kart container - Market slider ile aynı arka plan */
.featuredGameItem {
    background: linear-gradient(180deg, #040404 0%, #040404 100%) !important;
    border: 1px solid rgb(223 163 29 / 18%) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Header - Market slider ile aynı stil */
.featuredGameItemHeader {
    background: rgba(255, 255, 255, 0.17) !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    border: none !important;
    height: 40px !important;
}

.featuredGameItemCompetitionName {
    color: rgba(var(--white), 1) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* Bahis oranları - Market slider ile aynı stil */
.market-group-item-bc .sgm-market-g-i-cell-bc.market-bc {
    background: rgba(var(--white), 0.09) !important;
    border-radius: 12px !important;
    height: 38px !important;
}

.market-odd-bc {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(var(--white), 1) !important;
}

.market-name-bc {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(var(--white), 1) !important;
}
/* =========================================================
   ÖNE ÇIKAN ETKİNLİKLER - BAHİS ORANLARI ÇERÇEVE
   ========================================================= */

/* Bahis oranları - Altın çerçeve ve tıklanabilirlik efekti */
.market-group-item-bc .sgm-market-g-i-cell-bc.market-bc {
    background: rgba(var(--white), 0.05) !important;
    border-radius: 8px !important;
    height: 38px !important;
    border: 2px solid rgba(236, 183, 64, 0.7) !important; /* Altın çerçeve */
    position: relative !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

/* Hover efekti - Tıklanabilir olduğunu belli eder */
.market-group-item-bc .sgm-market-g-i-cell-bc.market-bc:hover {
    background: rgba(236, 183, 64, 0.1) !important;
    border: 2px solid rgba(236, 183, 64, 1) !important; /* Daha belirgin altın çerçeve */
    transform: translateY(-1px) !important;
}

/* Active/Seçili durum */
.market-group-item-bc .sgm-market-g-i-cell-bc.market-bc.active {
    background: rgba(236, 183, 64, 0.15) !important;
    border: 2px solid rgba(236, 183, 64, 1) !important; /* Daha kalın altın çerçeve */
}

/* İç çerçeve efekti */
.market-group-item-bc .sgm-market-g-i-cell-bc.market-bc::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border: 1px solid rgba(236, 183, 64, 0.3) !important;
    border-radius: 8px !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
}

.market-group-item-bc .sgm-market-g-i-cell-bc.market-bc:hover::before {
    opacity: 1 !important;
}

/* Oranlar - Altın renk */
.market-odd-bc {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(236, 183, 64, 1) !important; /* Altın renk */
}

.market-group-item-bc .sgm-market-g-i-cell-bc.market-bc:hover .market-odd-bc {
    color: rgba(236, 183, 64, 1) !important;
    text-shadow: 0 0 6px rgb(236 183 64 / 50%) !important; /* Altın glow */
}

/* Label'lar */
.market-name-bc {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(var(--white), 1) !important;
}
.promotion-details-popup.windowed .popup-inner-bc {
  width: 100%;
  max-width: 1340px;
  border-radius: 50px !important;
  border-bottom: 6px solid #ecb740 !important;
  border-top: 6px solid #ecb740 !important;
  border-left: 2px solid #ecb740 !important;
  border-right: 2px solid #ecb740 !important;
  padding-top: 20px !important;
  box-shadow: 0px -2px 80px #fcfc4a69 !important;
}



.horizontal-sl-item-bc {
  border-radius: 15px 15px 0px 0px !important;
}
.promotionsListEl-bc:hover {
  background: url(https://millibahiscdn.co.in/img2/millistars.gif) !important;
    background-size: auto;
  background-size: cover !important;
  border-radius: 10px !important;
}
.promotionsArticleThumbnail-bc {
  display: flex;
  width: 100%;
  height: auto;
  opacity: 0;
  border-radius: 4px 4px 0 0;
  animation: promo-img .24s .1s forwards;
}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.promotionsArticleThumbnail-bc {
  backdrop-filter: blur(10px) !important;
  box-shadow: inset -5px 0px 4px 0px rgba(0, 0, 0, 0) !important;
  border-radius: 16px !important;
}
.promotionsListEl-bc img {
  opacity: 0.8 !important;
}
.promotions-article-title.ellipsis {
  display: none !important;
}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
  transform: scale(1.05);
  background: #541d7c !important;
}
.sdr-item-bc:before {
 border-image: linear-gradient(to left, #13131321 0%, #fcfc4a 50%, #13131321 100%) 100% 0 100% 0/1px 0 1px 0 stretch !important;
}
 .sdr-item-bc:before{
    animation: slide 2s linear infinite;
} 
.sdr-item-bc:before{
 
  background:none!important;
} 
/*foooter*/

 [class*="is-web"] .horizontalSliderRow .footerSliderImage img {
  width: 160px !important;
  height: 100px !important;
  filter: none !important;
  opacity: 2 !important;
  transition: opacity .24s;
  padding: 10px !important;
} 
.horizontalSliderRow .footerSliderImage {
  background-color: transparent !important;
} 
 [class*="is-web"] .horizontalSliderRow .footerSliderImage {
  min-width: 130px !important;

}

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

.footerInnerLeftCol{
  justify-content: center!important;
}
.footerInnerLeftCol ul li {
  width: 50px!important;
  height: 50px!important;
  border-radius: 10px!important;
}

.footerInnerLeftCol ul li a {
  font-size: 30px!important;
}

.footer-bc {
    padding: 20px 23px 15px !important;
}
.footerWrapper .footerInfoColumn {
   display: none!important;
}
.layout-footer-holder-bc {
    background: transparent !important;
}

.footerSocialLink {
   background-image: linear-gradient(140deg, #000, #765603, #000) !important;
}
.footerSocialLink:hover {
  box-shadow: 0 0 7px #fcfc4a!important; 
}
.footerSocialLink a {
 color: #ffffff !important;
}
.footerSocialLink a:hover {
 color: #765603 !important;
}

/*foooter-end*/
.swiper-button-prev,
.swiper-button-next {
    display: none !important;
}
.sidebar-item {
    background: transparent !important;
    border: 2px solid rgba(236, 183, 64, 0.7) !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    margin-bottom: 12px !important;
    transition: all 0.4s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: visible !important;
    width: auto !important;
    min-width: fit-content !important;
    box-shadow: none !important;
    outline: none !important;
}


.sidebar-image {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border-radius: 8px !important;
    border: 2px solid rgba(236, 183, 64, 0.7) !important;
    position: relative !important;
    z-index: 1 !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
}

.sidebar-image i {
    color: rgba(236, 183, 64, 1) !important;
    font-size: 20px !important;
    filter: none !important;
}

.sidebar-title {
    color: rgba(236, 183, 64, 1) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    position: relative !important;
    z-index: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
    text-shadow: none !important;
}
/* Featured game item header */
.featuredGameItemHeader {
    border: 1px solid rgba(236, 183, 64, 0.5) !important;
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(8px) !important;
}

/* Liste öğeleri (Serie A, Bundesliga vb.) */
[class*="game-item"],
[class*="league-item"],
li[class*="item"] {
    border: 1px solid rgba(236, 183, 64, 0.4) !important;
    border-bottom: 1px solid rgba(236, 183, 64, 0.3) !important;
    background: rgba(0, 0, 0, 0.3) !important;
}
.nav-menu-container.header-navigation:first-child{
  background-image: linear-gradient(90deg, #0b0000, #0b0000, #0b0000) !important;
  padding-top: 2px !important;
  border-radius: 10px !important;
  border-image: linear-gradient(to left, #13131321 0%, rgba(236, 183, 64, 0.95) 50%, #13131321 100%) 100% 0 100% 0 / 1px 0 1px 0 stretch !important;
}


.nav-content-bc {
    background: #24252500 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px !important;
}
.nav-content-menu {


 display: flex;
 margin-top: 2px !important;
 justify-content: center;
 border-radius: 15px !important;

}


.nav-menu-container .nav-menu,.nav-menu-container .nav-menu-other {display:flex !important;justify-content:center !important;}
.nav-menu-other{
margin-right:20px !important;
}

.nav-menu-container .nav-menu>li>.nav-menu-item>.CMSIconSVGWrapper, .nav-menu-container .nav-menu-other>.nav-menu-item>.CMSIconSVGWrapper
{
 background: /* içerik zemini */ linear-gradient(179deg, #acccff00, #040404, #323232) padding-box, /* GRADIENT BORDER (aşağıdan yukarı) */ linear-gradient(to top, rgba(236, 183, 64, 0.95), #343435) border-box !important;
 border: 1px solid transparent !important;
 border-radius: 7px!important;
 padding: 4px !important;
 width: 35px !important;
 height: 35px !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
 background: /* içerik zemini */ linear-gradient(179deg, #acccff00, #040404, #323232) padding-box, /* GRADIENT BORDER (aşağıdan yukarı) */ linear-gradient(to top, rgba(236, 183, 64, 1), #343435) border-box !important;
 border: 1px solid transparent !important;
 border-radius:10px;
 margin-top: 5px;
}

.layout-header-holder-bc {
    margin-bottom: none !important;
    box-shadow: none !important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item, .nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item{
    font-size: 13px !important;
    font-weight: normal !important;
    height: 45px;
    color: #ffffff !important;
    background: none !important;
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

}
.nav-content-menu {

     position: relative;
     top: -5px;
     display:flex !important;
     justify-content:center !important;
}
.CMSIconSVGWrapper>svg {
    width: 70% !important;
    max-height: 100%;
    transition: all var(--default-transition-duration)
}

.nav-menu-container.header-navigation:first-child{
    background: none !important;
}


.nav-menu-container .nav-menu,.nav-menu-container .nav-menu-other {display:flex !important;justify-content:center !important;}
.nav-menu-other{
margin-right:20px !important;
}


 .nav-menu-other:after{
    display: none 
}
#root{
    --custom: #ecb740 !important;
    /* --custom-y: #FFD700 !important; */
    --hero: 236, 183, 64 !important;
    --header: 139, 105, 20 !important;
    --b: 0, 0, 0 !important;
}








/* =========================================================
   ✅ SMS / MAİL DOĞRULAMA — NİHAİ TEK PARÇA CSS (MOBİL UYUMLU)
   - SMS / Mail seçenekleri ALT ALTA
   - Seçili olan net TAB görünümü
   - KODU AL üstünde dikkat çekici uyarı (SMS / Mail seçili)
   - Uyarı ile seçim alanı ARASI DÜZELTİLDİ (bitişik değil)
   - Gereksiz metinler gizlendi
   - Input içinde şeffaf “Kodunuzu giriniz” placeholder hissi
   - Mobilde ferah, sade, premium görünüm
   ========================================================= */


/* ---------------------------------------------------------
   SMS / MAIL SEÇİM ALANI (ALT ALTA)
--------------------------------------------------------- */
.sms-verification-popup .radio-v-bc{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  align-items:stretch !important;
  margin-bottom:24px !important; /* ⬅ uyarı ile arası açıldı */
}

.sms-verification-popup .radio-control-bc{
  width:100% !important;
  display:flex !important;
}

/* TAB görünümü */
.sms-verification-popup .radio-control-content-bc{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  height:48px !important;
  padding:0 16px !important;
  box-sizing:border-box !important;

  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.06) !important;

  cursor:pointer !important;
  user-select:none !important;
  transition:all .15s ease !important;
}

.sms-verification-popup .radio-control-content-bc:hover{
  background:rgba(255,255,255,.10) !important;
}

.sms-verification-popup .radio-control-text-bc{
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.4px !important;
  color:rgba(255,255,255,.78) !important;
}

/* küçük radio işareti */
.sms-verification-popup .radio-control-input-holder-bc{
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  border:2px solid rgba(255,255,255,.35) !important;
  background:transparent !important;
  flex-shrink:0 !important;
}

/* --- Seçili TAB --- */
.sms-verification-popup
.radio-control-content-bc:has(.radio-control-input-bc:checked){
  background:#f3c04a !important;
  border-color:#f3c04a !important;
  box-shadow:0 0 0 3px rgba(243,192,74,.22) !important;
}

.sms-verification-popup
.radio-control-content-bc:has(.radio-control-input-bc:checked)
.radio-control-text-bc{
  color:#0b0b0b !important;
}

.sms-verification-popup
.radio-control-content-bc:has(.radio-control-input-bc:checked)
.radio-control-input-holder-bc{
  border-color:#0b0b0b !important;
  background:#0b0b0b !important;
}


/* ---------------------------------------------------------
   GEREKSÄ°Z METÄ°NLERÄ° GÄ°ZLE
--------------------------------------------------------- */
.sms-verification-popup .casino-popup-title{ display:none !important; }
.sms-verification-popup .casino-popup-content{ display:none !important; }
.sms-verification-popup .form-control-title-bc{ display:none !important; }


/* ---------------------------------------------------------
   INPUT İÇİ PLACEHOLDER (ŞEFFAF)
--------------------------------------------------------- */
.sms-verification-popup .form-control-bc{
  position:relative !important;
  margin-top:12px !important;
  margin-bottom:12px !important;
}

.sms-verification-popup .form-control-label-bc.inputs{
  position:relative !important;
}

.sms-verification-popup .form-control-label-bc.inputs::after{
  content:"Kodunuzu giriniz (B137) Yazmayın" !important;
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  font-size:13px !important;
  font-weight:700 !important;
  color:rgba(255,255,255,.45) !important;
  pointer-events:none !important;
  transition:opacity .15s ease !important;
}

.sms-verification-popup .form-control-label-bc.inputs:focus-within::after{
  opacity:0 !important;
}


/* ---------------------------------------------------------
   KODU AL ÜSTÜ UYARI (DÜZELTİLMİŞ BOŞLUK)
--------------------------------------------------------- */
.sms-verification-popup .sms-verification{
  position:relative !important;
  padding-top:68px !important; /* ⬅ uyarı için ferah alan */
}

/* Varsayılan uyarı */
.sms-verification-popup .sms-verification::before{
  content:"ÖNCE SMS / MAİL SEÇ → SONRA KODU AL" !important;
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  top:-6px !important; /* ⬅ artık üstteki alanla bitişik değil */

  padding:11px 12px !important;
  border-radius:14px !important;

  text-align:center !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.6px !important;

  color:#0b0b0b !important;
  background:linear-gradient(135deg,#ffd66b,#f3c04a) !important;
  box-shadow:0 10px 26px rgba(243,192,74,.40) !important;

  animation:verifyPulse 1.6s infinite !important;
  pointer-events:none !important;
}

/* SMS seçili */
.sms-verification-popup:has(input[name="verifyMethod"][value="1"]:checked)
.sms-verification::before{
  content:"📲 SMS SEÇİLİ — KODU AL'A TIKLARSAN SMS KODU GÖNDERİLECEK" !important;
  background:linear-gradient(135deg,#9ee3ff,#4fb6ff) !important;
}

/* MAIL seçili */
.sms-verification-popup:has(input[name="verifyMethod"][value="2"]:checked)
.sms-verification::before{
  content:"📧 MAİL SEÇİLİ — KODU AL'A TIKLARSAN MAİLE KOD GÖNDERİLECEK. ⚠️ Kod Spam/Gereksiz veya Gelen kutusuna düşmektedir." !important;
  background:linear-gradient(135deg,#9ee3ff,#4fb6ff) !important;
  color:#021a2a !important;
  box-shadow:0 10px 26px rgba(79,182,255,.40) !important;
}


/* ---------------------------------------------------------
   BUTONLAR (MOBÄ°L UYUMLU)
--------------------------------------------------------- */
.sms-verification-popup .sms-verification > .btn[title="kodu al"]{
  width:100% !important;
  max-width:320px !important;
  margin:12px auto 0 auto !important;
  display:block !important;
  border-radius:14px !important;
  text-align:center !important;
}

.sms-verification-popup .casino-popup-button-block{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-top:14px !important;
}

.sms-verification-popup .casino-popup-button-block .btn{
  flex:1 1 140px !important;
  border-radius:14px !important;
}
.sms-verification-popup .sms-verification::after{
  content:"⚠️ WhatsApp veya diğer dış kanallardan “hesabınıza bonus/bakiye eklendi” diyerek IBAN gönderip iade talep eden kişilere inanmayın. Şirketimiz site dışında hiçbir şekilde IBAN paylaşmaz ve asla iade/geri ödeme talep etmez." !important;

  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;

  margin-top:12px !important;

  padding:10px 12px !important;
  border-radius:12px !important;

  font-size:13.5px !important;
  font-weight:900 !important;
  text-align:center !important;
  line-height:1.25 !important;

  color:#991b1b !important;
  background:rgba(255, 235, 238, 0.98) !important;
  border:1px solid rgba(248, 113, 113, 0.35) !important;

  box-shadow:0 4px 12px rgba(185, 28, 28, 0.12) !important;
}
.sms-verification-popup .sms-verification{
  display:block !important;
}


/* ---------------------------------------------------------
   KÜÇÜK EKRAN İNCE AYAR
--------------------------------------------------------- */
@media (max-width:420px){
  .sms-verification-popup .radio-control-content-bc{
    height:52px !important;
    border-radius:16px !important;
  }
  .sms-verification-popup .sms-verification{
    padding-top:74px !important;
  }
  .sms-verification-popup .sms-verification::before{
    font-size:12.5px !important;
  }
}





.sms-verification-popup .form-control-label-bc.inputs::after{
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:13px !important;
 
  transition:all .2s ease !important;
}

.sms-verification-popup .form-control-label-bc.inputs:focus-within::after{
  top:6px !important;
  transform:none !important;
  font-size:11px !important;
  opacity:.8 !important;
}


.sms-verification-popup .sms-verification .btn[disabled] span{
  color:#ffffff !important;
  opacity:1 !important;
  font-weight:700 !important;
  text-shadow:none !important;
}

.sms-verification-popup .sms-verification .btn[disabled]{
  opacity:1 !important;
  filter:none !important;
  background:rgba(0,0,0,0.35) !important;
  border:1px solid rgba(255,255,255,0.25) !important;
}
/* Aren spor bahis bozdurma kilit*/
.casino-borrow-possible-win-widget {
    display: none !important;
}
.loyaltyLevelCardsError {
    display: none !important;
}

/*====================================================
    NETBAHÄ°S ASIDE MENU
====================================================*/

.asideMenuOpen,
.asideMenuCompact{
    background:transparent !important;
}

/* Menü Kartları */

[class*=is-web] .asideMenuOpen>.asideMenuNavItem,
[class*=is-web] .asideMenuCompact>.asideMenuNavItem{

    background:rgba(23,25,32,.74) !important;

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    border:1px solid rgba(255,182,2,.10) !important;

    border-radius:12px !important;

    transition:.25s;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03),
        0 -1px 0 #ffb602,
        0 8px 18px rgba(0,0,0,.20);
}


/* Hover */

[class*=is-web] .asideMenuOpen>.asideMenuNavItem:hover,
[class*=is-web] .asideMenuCompact>.asideMenuNavItem:hover{

    background:rgba(23,25,32,.90) !important;

    border-color:rgba(255,182,2,.35) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 -1px 0 #ffb602,
        0 0 12px rgba(255,182,2,.18);
}


/* Active */

[class*=is-web] .asideMenuOpen>.asideMenuNavItem.active,
[class*=is-web] .asideMenuCompact>.asideMenuNavItem.active{

    background:rgba(23,25,32,.95) !important;

    border-color:rgba(255,182,2,.45) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 -1px 0 #ffb602,
        0 0 16px rgba(255,182,2,.25);
}


/* Icon */

.asideMenuCompactNav,
.asideMenuOpenNav{

    color:#ffb602 !important;
}


/* SVG */

.asideMenuNavItemIconWrapper.CMSIconSVGWrapper svg{

    color:#ffb602 !important;
    fill:#ffb602 !important;

    filter:
        drop-shadow(0 0 2px rgba(255,182,2,.35));
}


/* Yazılar */

.asideMenuOpenNavTitle{

    color:rgba(255,255,255,.90) !important;

    font-size:13px;

    font-weight:700;
}


/* Hover Yazı */

[class*=is-web] .asideMenuNavItem:hover .asideMenuOpenNavTitle{

    color:#ffb602 !important;
}


/* SaÄŸ Ok */

.asideMenuOpenArrowDown{

    color:#ffb602 !important;

    opacity:.65;
}


/* Alt Menü */

.asideSubMenu .asideMenuNavLink{

    background:rgba(23,25,32,.45) !important;
}

.asideSubMenu .asideMenuNavLink:hover{

    background:rgba(23,25,32,.75) !important;
}


/* Gradient Çizgiler */

.asideSubMenu .asideMenuNavGradient:before,
.asideSubMenu .asideMenuNavGradient:after{

    background:
    linear-gradient(
        to right,
        transparent,
        rgba(255,182,2,.25),
        transparent
    ) !important;
}
/* =========================================================
   NETBAHİS — PREMIUM SOCIAL SIDEBAR 10/10
   HTML:
   .sidebar-content
     > .sidebar-item
       > .sidebar-image
       > .sidebar-title
   ========================================================= */

.sidebar-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;

    padding: 10px !important;

    background: transparent !important;

    overflow: visible !important;
}

/* =========================================================
   SOCIAL SIDEBAR — GÜVENLİ SIFIRLAMA + PREMIUM TASARIM
   CSS'Ä°N EN ALTINA EKLE
   ========================================================= */

/* Sonradan verilen hatalı ölçüleri sıfırla */
.sidebar-content {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: visible !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    background: transparent !important;
}


/* Sistemin kendi buton ölçüsünü koru */
.sidebar-content > .sidebar-item {
    position: relative !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    right: auto !important;
    left: auto !important;

    transform: none !important;
    transform-origin: center !important;

    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;

    overflow: hidden !important;

    background: rgba(23, 25, 32, 0.92) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;

    border: 1px solid rgba(255, 182, 2, 0.24) !important;
    border-radius: 14px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 -1px 0 #ffb602,
        0 7px 18px rgba(0, 0, 0, 0.28) !important;

    text-decoration: none !important;

    transition:
        background 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease !important;
}


/* Sistemin açılırken verdiği genişliği engelleme */
.sidebar-content > .sidebar-item:hover {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    transform: none !important;

    background: rgba(27, 29, 37, 0.98) !important;
    border-color: rgba(255, 182, 2, 0.46) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 -1px 0 #ffb602,
        0 8px 20px rgba(0, 0, 0, 0.32) !important;
}


/* Ä°kon kutusu */
.sidebar-content .sidebar-image {
    position: relative !important;
    z-index: 2 !important;

    flex-shrink: 0 !important;

    margin: 0 !important;

    background: rgba(255, 182, 2, 0.035) !important;

    border: 1px solid rgba(255, 182, 2, 0.34) !important;
    border-radius: 11px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        inset 0 -4px 8px rgba(0, 0, 0, 0.16) !important;

    visibility: visible !important;
    opacity: 1 !important;
}


/* Ä°kon */
.sidebar-content .sidebar-image i {
    color: #ffb602 !important;
    opacity: 1 !important;
    visibility: visible !important;

    filter: none !important;

    transition:
        color 0.22s ease,
        transform 0.22s ease !important;
}


/* Yazıyı sistem ne zaman gösteriyorsa göster */
.sidebar-content .sidebar-title {
    position: relative !important;
    z-index: 2 !important;

    color: rgba(255, 255, 255, 0.90) !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-decoration: none !important;
    text-shadow: none !important;

    transition: color 0.22s ease !important;
}


/* Hover */
.sidebar-content > .sidebar-item:hover .sidebar-image {
    background: rgba(255, 182, 2, 0.07) !important;
    border-color: rgba(255, 182, 2, 0.58) !important;
}

.sidebar-content > .sidebar-item:hover .sidebar-image i {
    color: #ffc52c !important;
    transform: scale(1.04) !important;
}

.sidebar-content > .sidebar-item:hover .sidebar-title {
    color: #ffb602 !important;
}


/* Instagram, X ve Telegram kesin görünür */
.sidebar-content > .sidebar-item.instagram,
.sidebar-content > .sidebar-item.twitter,
.sidebar-content > .sidebar-item.telegram {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* =========================================================
   NETBAHÄ°S PREMIUM DESIGN SYSTEM
   Ana renk: #171920
   Vurgu:    #ffb602
   CSS'in en altına ekleyin
   ========================================================= */


/* =========================================================
   01 — DESIGN TOKENS
   ========================================================= */

:root {
    --nb-bg: #171920;
    --nb-bg-rgb: 23, 25, 32;

    --nb-surface: #1d1f27;
    --nb-surface-2: #22242c;
    --nb-surface-3: #292b34;

    --nb-gold: #ffb602;
    --nb-gold-rgb: 255, 182, 2;
    --nb-gold-light: #ffc935;

    --nb-white: #ffffff;
    --nb-text: rgba(255, 255, 255, 0.90);
    --nb-text-soft: rgba(255, 255, 255, 0.64);
    --nb-text-muted: rgba(255, 255, 255, 0.42);

    --nb-border: rgba(255, 182, 2, 0.16);
    --nb-border-hover: rgba(255, 182, 2, 0.38);
    --nb-white-border: rgba(255, 255, 255, 0.10);

    --nb-radius-sm: 8px;
    --nb-radius-md: 12px;
    --nb-radius-lg: 16px;
    --nb-radius-xl: 20px;

    --nb-shadow:
        0 10px 26px rgba(0, 0, 0, 0.28);

    --nb-shadow-soft:
        0 6px 18px rgba(0, 0, 0, 0.22);

    --nb-gold-top:
        0 -1px 0 var(--nb-gold);

    --nb-transition:
        0.22s ease;

    --hero: 255, 182, 2 !important;
    --oc-1: 255, 182, 2 !important;
    --oc-2: 255, 182, 2 !important;
    --custom: #ffb602 !important;
}


/* =========================================================
   02 — GLOBAL
   ========================================================= */

html,
body,
#root,
.layout-bc {
    background-color: var(--nb-bg) !important;
}

body {
    background: var(--nb-bg) !important;
    color: var(--nb-text) !important;
}

* {
    scrollbar-color: var(--nb-gold) var(--nb-bg);
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: var(--nb-bg) !important;
}

::-webkit-scrollbar-thumb {
    background: rgba(var(--nb-gold-rgb), 0.70) !important;
    border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--nb-gold) !important;
}


/* =========================================================
   03 — PREMIUM SURFACE SYSTEM
   ========================================================= */

.popup-inner-bc,
.featuredGameItem,
.accordion-items .accordion-button,
.bonusExchangeListEl-bc {
    background:
        linear-gradient(
            180deg,
            rgba(34, 36, 44, 0.94) 0%,
            rgba(23, 25, 32, 0.94) 100%
        ) !important;

    border: 1px solid var(--nb-border) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        var(--nb-gold-top),
        var(--nb-shadow-soft) !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}


/* =========================================================
   04 — HEADER
   ========================================================= */

.header-bc,
.layout-header-holder-bc {
    background: var(--nb-bg) !important;
}

.header-bc {
    border: none !important;
    border-bottom: 1px solid rgba(var(--nb-gold-rgb), 0.78) !important;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.24) !important;
}

.layout-header-holder-bc {
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.hdr-dynamic-content,
.hdr-dynamic-content .informative-widget,
.hdr-dynamic-content .hm-row-bc {
    background: rgba(var(--nb-bg-rgb), 0.96) !important;
}

.hdr-dynamic-content .informative-widget-link {
    background:
        linear-gradient(
            90deg,
            #13151b 0%,
            var(--nb-bg) 50%,
            #13151b 100%
        ) !important;

    border-top: 1px solid rgba(var(--nb-gold-rgb), 0.54) !important;
}


/* Header içindeki giriş-kayıt hizası */
.header-bc .btn.sign-in,
.header-bc .btn.register {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    min-height: 36px !important;
    padding: 5px 25px !important;

    line-height: 1 !important;
    vertical-align: middle !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    text-decoration: none !important;
}


/* =========================================================
   05 — LOGIN BUTTON
   ========================================================= */

.btn.sign-in {
    background: rgba(var(--nb-bg-rgb), 0.84) !important;

    color: var(--nb-white) !important;

    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 9px !important;

    font-weight: 700 !important;
    letter-spacing: 0.3px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 -1px 0 #ffffff,
        0 8px 18px rgba(0, 0, 0, 0.24) !important;

    transition:
        background var(--nb-transition),
        border-color var(--nb-transition),
        box-shadow var(--nb-transition),
        transform var(--nb-transition) !important;
}

.btn.sign-in:hover {
    background: rgba(29, 31, 39, 0.98) !important;
    border-color: rgba(255, 255, 255, 0.30) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 -1px 0 #ffffff,
        0 9px 20px rgba(0, 0, 0, 0.28) !important;

    transform: translateY(-1px) !important;
}

.btn.sign-in:active {
    transform: translateY(1px) !important;
}

.btn.sign-in,
.btn.sign-in:hover,
.btn.sign-in:focus,
.btn.sign-in:active {
    color: #ffffff !important;
    text-decoration: none !important;
}


/* =========================================================
   06 — REGISTER BUTTON
   ========================================================= */

.btn.register,
.btn.s-small.register {
    background: rgba(var(--nb-bg-rgb), 0.84) !important;

    color: var(--nb-gold) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.18) !important;
    border-radius: 9px !important;

    padding: 5px 25px !important;

    font-weight: 700 !important;
    letter-spacing: 0.3px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 -2px 0 var(--nb-gold),
        0 8px 18px rgba(0, 0, 0, 0.24) !important;

    transition:
        background var(--nb-transition),
        border-color var(--nb-transition),
        color var(--nb-transition),
        box-shadow var(--nb-transition),
        transform var(--nb-transition) !important;
}

.btn.register:hover,
.btn.s-small.register:hover {
    background: rgba(29, 31, 39, 0.98) !important;

    color: var(--nb-gold-light) !important;

    border-color: rgba(var(--nb-gold-rgb), 0.38) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 -2px 0 var(--nb-gold),
        0 9px 20px rgba(0, 0, 0, 0.28) !important;

    transform: translateY(-1px) !important;
}

.btn.register:active,
.btn.s-small.register:active {
    transform: translateY(1px) !important;
}


/* =========================================================
   07 — LEFT ASIDE MENU
   ========================================================= */

.asideMenu,
.asideMenuOpen,
.asideMenuCompact {
    background: transparent !important;
}


/* Menü kartları */
[class*="is-web"] .asideMenuOpen > .asideMenuNavItem,
[class*="is-web"] .asideMenuCompact > .asideMenuNavItem {
    position: relative !important;

    background: rgba(var(--nb-bg-rgb), 0.76) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.12) !important;
    border-radius: 12px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 -1px 0 var(--nb-gold),
        0 8px 18px rgba(0, 0, 0, 0.20) !important;

    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;

    transition:
        background var(--nb-transition),
        border-color var(--nb-transition),
        box-shadow var(--nb-transition) !important;
}


/* Hover */
[class*="is-web"] .asideMenuOpen > .asideMenuNavItem:hover,
[class*="is-web"] .asideMenuCompact > .asideMenuNavItem:hover {
    background: rgba(29, 31, 39, 0.96) !important;

    border-color: rgba(var(--nb-gold-rgb), 0.38) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 -1px 0 var(--nb-gold),
        0 9px 20px rgba(0, 0, 0, 0.26) !important;
}


/* Active */
[class*="is-web"] .asideMenuOpen > .asideMenuNavItem.active,
[class*="is-web"] .asideMenuCompact > .asideMenuNavItem.active {
    background: rgba(31, 33, 41, 0.98) !important;

    border-color: rgba(var(--nb-gold-rgb), 0.50) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 -1px 0 var(--nb-gold),
        0 10px 22px rgba(0, 0, 0, 0.28) !important;
}


/* Menü ikon ve metin */
.asideMenuCompactNav,
.asideMenuOpenNav {
    color: var(--nb-gold) !important;
}

.asideMenuNavItemIconWrapper.CMSIconSVGWrapper,
.asideMenuNavItemIconWrapper.CMSIconSVGWrapper > svg {
    color: var(--nb-gold) !important;
    fill: var(--nb-gold) !important;
}

.asideMenuNavItemIconWrapper.CMSIconSVGWrapper > svg {
    filter: none !important;
}

.asideMenuOpenNavTitle {
    color: rgba(255, 255, 255, 0.90) !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    transition: color var(--nb-transition) !important;
}

[class*="is-web"]
.asideMenuNavItem:hover
.asideMenuOpenNavTitle {
    color: var(--nb-gold) !important;
}

.asideMenuOpenArrowDown {
    color: var(--nb-gold) !important;
    opacity: 0.70 !important;
}


/* Alt menü */
.asideSubMenu .asideMenuNavLink {
    background: rgba(var(--nb-bg-rgb), 0.50) !important;
}

.asideSubMenu .asideMenuNavLink:hover {
    background: rgba(29, 31, 39, 0.90) !important;
}

.asideSubMenuNavTitle {
    color: rgba(255, 255, 255, 0.78) !important;
}


/* =========================================================
   08 — SOCIAL SIDEBAR
   Sistem ölçülerine dokunmaz, kaybolma/kesilme yapmaz
   ========================================================= */

.sidebar-content {
    background: transparent !important;

    overflow: visible !important;

    display: flex !important;
    flex-direction: column !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* Sosyal kart */
.sidebar-content > .sidebar-item {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    visibility: visible !important;
    opacity: 1 !important;

    background:
        linear-gradient(
            180deg,
            rgba(34, 36, 44, 0.94) 0%,
            rgba(23, 25, 32, 0.94) 100%
        ) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.20) !important;
    border-radius: 14px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        inset 0 -1px 0 rgba(0, 0, 0, 0.30),
        0 -1px 0 var(--nb-gold),
        0 8px 18px rgba(0, 0, 0, 0.24) !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;

    text-decoration: none !important;

    transition:
        background var(--nb-transition),
        border-color var(--nb-transition),
        box-shadow var(--nb-transition) !important;
}


/* Hover */
.sidebar-content > .sidebar-item:hover {
    background:
        linear-gradient(
            180deg,
            rgba(38, 40, 48, 0.98) 0%,
            rgba(27, 29, 36, 0.98) 100%
        ) !important;

    border-color: rgba(var(--nb-gold-rgb), 0.42) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 -1px 0 rgba(0, 0, 0, 0.36),
        0 -1px 0 var(--nb-gold),
        0 10px 20px rgba(0, 0, 0, 0.28) !important;

    transform: none !important;
}


/* İkon alanı */
.sidebar-content .sidebar-image {
    position: relative !important;
    z-index: 2 !important;

    flex-shrink: 0 !important;

    background: rgba(var(--nb-gold-rgb), 0.035) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.34) !important;
    border-radius: 11px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        inset 0 -4px 8px rgba(0, 0, 0, 0.16) !important;

    visibility: visible !important;
    opacity: 1 !important;

    transition:
        background var(--nb-transition),
        border-color var(--nb-transition) !important;
}

.sidebar-content .sidebar-image i {
    color: var(--nb-gold) !important;

    visibility: visible !important;
    opacity: 1 !important;

    filter: none !important;

    transition:
        color var(--nb-transition),
        transform var(--nb-transition) !important;
}

.sidebar-content .sidebar-title {
    position: relative !important;
    z-index: 2 !important;

    color: rgba(255, 255, 255, 0.90) !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-decoration: none !important;
    text-shadow: none !important;

    transition: color var(--nb-transition) !important;
}

.sidebar-content > .sidebar-item:hover .sidebar-image {
    background: rgba(var(--nb-gold-rgb), 0.07) !important;
    border-color: rgba(var(--nb-gold-rgb), 0.58) !important;
}

.sidebar-content > .sidebar-item:hover .sidebar-image i {
    color: var(--nb-gold-light) !important;
    transform: scale(1.04) !important;
}

.sidebar-content > .sidebar-item:hover .sidebar-title {
    color: var(--nb-gold) !important;
}


/* Sosyal butonları kesin görünür tut */
.sidebar-content > .sidebar-item.instagram,
.sidebar-content > .sidebar-item.twitter,
.sidebar-content > .sidebar-item.telegram {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* =========================================================
   09 — NAVIGATION MENU
   ========================================================= */

.nav-content-bc,
.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: transparent !important;
}

.nav-menu-container.header-navigation:first-child {
    background: transparent !important;

    border-radius: 10px !important;

    border-image:
        linear-gradient(
            to left,
            transparent 0%,
            rgba(var(--nb-gold-rgb), 0.85) 50%,
            transparent 100%
        ) 100% 0 100% 0 / 1px 0 1px 0 stretch !important;
}

.nav-menu-container
.nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper,
.nav-menu-container
.nav-menu-other > .nav-menu-item > .CMSIconSVGWrapper {
    background:
        linear-gradient(
            180deg,
            rgba(39, 41, 49, 0.96),
            rgba(23, 25, 32, 0.96)
        ) padding-box,

        linear-gradient(
            to top,
            rgba(var(--nb-gold-rgb), 0.82),
            rgba(255, 255, 255, 0.10)
        ) border-box !important;

    border: 1px solid transparent !important;
    border-radius: 8px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 5px 12px rgba(0, 0, 0, 0.20) !important;
}


/* =========================================================
   10 — FEATURED GAME CARDS
   ========================================================= */

.featuredGameItem {
    background:
        linear-gradient(
            180deg,
            rgba(29, 31, 39, 0.96),
            rgba(23, 25, 32, 0.96)
        ) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.16) !important;
    border-radius: 12px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 -1px 0 rgba(var(--nb-gold-rgb), 0.72),
        0 8px 20px rgba(0, 0, 0, 0.22) !important;
}

.featuredGameItemHeader {
    background: rgba(255, 255, 255, 0.045) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.16) !important;
    border-radius: 10px !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.featuredGameItemCompetitionName {
    color: var(--nb-text) !important;
}


/* =========================================================
   11 — MARKET / ODDS BUTTONS
   ========================================================= */

.market-group-item-bc
.sgm-market-g-i-cell-bc.market-bc {
    background: rgba(255, 255, 255, 0.035) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.30) !important;
    border-radius: 8px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;

    transition:
        background var(--nb-transition),
        border-color var(--nb-transition),
        transform var(--nb-transition) !important;
}

.market-group-item-bc
.sgm-market-g-i-cell-bc.market-bc:hover {
    background: rgba(var(--nb-gold-rgb), 0.06) !important;

    border-color: rgba(var(--nb-gold-rgb), 0.62) !important;

    transform: translateY(-1px) !important;
}

.market-group-item-bc
.sgm-market-g-i-cell-bc.market-bc.active {
    background: rgba(var(--nb-gold-rgb), 0.10) !important;
    border-color: var(--nb-gold) !important;
}

.market-odd-bc {
    color: var(--nb-gold) !important;
    text-shadow: none !important;
}

.market-name-bc {
    color: rgba(255, 255, 255, 0.84) !important;
}


/* =========================================================
   12 — POPUPS
   ========================================================= */

.popup-inner-bc {
    background: rgba(var(--nb-bg-rgb), 0.92) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.22) !important;
    border-radius: 18px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 -2px 0 var(--nb-gold),
        0 22px 60px rgba(0, 0, 0, 0.46) !important;

    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

.promotion-details-popup.windowed .popup-inner-bc {
    border: 1px solid rgba(var(--nb-gold-rgb), 0.30) !important;
    border-top: 3px solid var(--nb-gold) !important;
    border-bottom: 2px solid rgba(var(--nb-gold-rgb), 0.78) !important;

    border-radius: 24px !important;

    box-shadow:
        0 26px 70px rgba(0, 0, 0, 0.46) !important;
}


/* =========================================================
   13 — FORMS
   ========================================================= */

.form-control-bc input,
.form-control-bc textarea,
.form-control-bc select,
.form-control-label-bc.inputs {
    background: rgba(255, 255, 255, 0.045) !important;

    border-color: rgba(255, 255, 255, 0.10) !important;
    border-radius: 10px !important;

    color: var(--nb-white) !important;

    transition:
        border-color var(--nb-transition),
        background var(--nb-transition),
        box-shadow var(--nb-transition) !important;
}

.form-control-bc input:focus,
.form-control-bc textarea:focus,
.form-control-bc select:focus,
.form-control-label-bc.inputs:focus-within {
    background: rgba(255, 255, 255, 0.06) !important;

    border-color: rgba(var(--nb-gold-rgb), 0.54) !important;

    box-shadow:
        0 0 0 3px rgba(var(--nb-gold-rgb), 0.08) !important;
}


/* =========================================================
   14 — ACCORDION
   ========================================================= */

.accordion-items .accordion-button.a-outline,
.accordion-items .accordion-button:hover {
    background: rgba(var(--nb-bg-rgb), 0.90) !important;

    color: var(--nb-text) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.18) !important;
    border-radius: 10px !important;

    box-shadow:
        0 -1px 0 rgba(var(--nb-gold-rgb), 0.80),
        0 8px 18px rgba(0, 0, 0, 0.20) !important;
}


/* =========================================================
   15 — PROMOTION CARDS
   ========================================================= */

.promotionsListEl-bc {
    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            rgba(32, 34, 42, 0.96),
            rgba(23, 25, 32, 0.96)
        ) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.16) !important;
    border-radius: 14px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 -1px 0 rgba(var(--nb-gold-rgb), 0.74),
        0 8px 20px rgba(0, 0, 0, 0.22) !important;

    transition:
        border-color var(--nb-transition),
        transform var(--nb-transition),
        box-shadow var(--nb-transition) !important;
}

.promotionsListEl-bc:hover {
    background:
        linear-gradient(
            180deg,
            rgba(37, 39, 47, 0.98),
            rgba(26, 28, 35, 0.98)
        ) !important;

    border-color: rgba(var(--nb-gold-rgb), 0.40) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 -1px 0 var(--nb-gold),
        0 10px 24px rgba(0, 0, 0, 0.28) !important;

    transform: translateY(-2px) !important;
}

.promotionsListEl-bc img {
    opacity: 0.90 !important;
}


/* =========================================================
   16 — BONUS EXCHANGE
   ========================================================= */

.bonusExchangeListElTitle-bc {
    color: var(--nb-gold) !important;
}

.bonusExchangeListElInfo-btn-bc {
    background: rgba(var(--nb-bg-rgb), 0.92) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.22) !important;
    border-radius: 9px !important;

    box-shadow:
        0 -1px 0 var(--nb-gold),
        0 7px 16px rgba(0, 0, 0, 0.24) !important;
}


/* =========================================================
   17 — FOOTER
   ========================================================= */

.layout-footer-holder-bc {
    background: transparent !important;
}

.footer-bc {
    background:
        linear-gradient(
            180deg,
            rgba(23, 25, 32, 0.60),
            rgba(18, 20, 26, 0.94)
        ) !important;

    border-top: 1px solid rgba(var(--nb-gold-rgb), 0.16) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

.footerSocialLink {
    background:
        linear-gradient(
            180deg,
            rgba(34, 36, 44, 0.96),
            rgba(23, 25, 32, 0.96)
        ) !important;

    border: 1px solid rgba(var(--nb-gold-rgb), 0.18) !important;
    border-radius: 10px !important;

    box-shadow:
        0 -1px 0 var(--nb-gold),
        0 6px 14px rgba(0, 0, 0, 0.22) !important;
}

.footerSocialLink:hover {
    border-color: rgba(var(--nb-gold-rgb), 0.42) !important;

    box-shadow:
        0 -1px 0 var(--nb-gold),
        0 8px 18px rgba(0, 0, 0, 0.26) !important;
}

.footerSocialLink a {
    color: var(--nb-white) !important;
}

.footerSocialLink a:hover {
    color: var(--nb-gold) !important;
}


/* =========================================================
   18 — SELECTION
   ========================================================= */

::selection {
    color: var(--nb-bg);
    background: var(--nb-gold);
}


/* =========================================================
   19 — ACCESSIBILITY
   ========================================================= */

a:focus-visible,
button:focus-visible,
.btn:focus-visible {
    outline: none !important;

    box-shadow:
        0 0 0 3px rgba(var(--nb-gold-rgb), 0.14),
        0 -1px 0 var(--nb-gold) !important;
}


/* =========================================================
   20 — MOBILE
   ========================================================= */

@media (max-width: 768px) {
    .btn.sign-in,
    .btn.register,
    .btn.s-small.register {
        padding: 5px 16px !important;
        min-height: 34px !important;
    }

    [class*="is-web"] .asideMenuOpen > .asideMenuNavItem,
    [class*="is-web"] .asideMenuCompact > .asideMenuNavItem {
        border-radius: 10px !important;
    }

    .popup-inner-bc {
        border-radius: 14px !important;
    }

    .promotion-details-popup.windowed .popup-inner-bc {
        border-radius: 16px !important;
    }
}


/* =========================================================
   21 — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* =========================================================
   NETBAHİS — PROMOSYON KATEGORİ SEKME MENÜSÜ
   NÄ°HAÄ° DÃœZENLENMÄ°Åž KOD

   Ana taşıyıcı:
   .horizontal-sl-wheel

   Buton:
   .horizontal-sl-item-bc

   Aktif buton:
   .horizontal-sl-item-bc.active
   ========================================================= */


/* ---------------------------------------------------------
   SEKME SATIRI
--------------------------------------------------------- */

.horizontal-sl-wheel {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 12px !important;

    width: 100% !important;
    height: auto !important;
    min-height: 65px !important;

    /* Ãœstten boÅŸluk var, soldan ekstra boÅŸluk yok */
    margin: 0 !important;
    padding: 10px 0 7px 0 !important;

    box-sizing: border-box !important;

    background: transparent !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.horizontal-sl-wheel::-webkit-scrollbar {
    display: none !important;
}


/* İlk butonun soldan kaymasını engelle */
.horizontal-sl-wheel > .horizontal-sl-item-bc:first-child {
    margin-left: 0 !important;
}


/* Son butonda gereksiz sağ boşluk olmasın */
.horizontal-sl-wheel > .horizontal-sl-item-bc:last-child {
    margin-right: 0 !important;
}


/* ---------------------------------------------------------
   NORMAL SEKME BUTONU
--------------------------------------------------------- */

.horizontal-sl-wheel > .horizontal-sl-item-bc {
    position: relative !important;
    overflow: hidden !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;
    flex-shrink: 0 !important;

    gap: 11px !important;

    width: auto !important;
    min-width: max-content !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    margin: 0 !important;
    padding: 0 22px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(35, 37, 45, 0.97) 0%,
            rgba(23, 25, 32, 0.97) 100%
        ) !important;

    color: rgba(255, 255, 255, 0.68) !important;

    border: 1px solid rgba(255, 182, 2, 0.20) !important;
    border-radius: 10px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        inset 0 -1px 0 rgba(0, 0, 0, 0.30),
        0 -1px 0 rgba(255, 182, 2, 0.72),
        0 7px 16px rgba(0, 0, 0, 0.20) !important;

    font-family: Outfit, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.15px !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    cursor: pointer !important;

    transform: none !important;

    transition:
        background 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}


/* ---------------------------------------------------------
   HAFÄ°F MATERYAL YANSIMASI
--------------------------------------------------------- */

.horizontal-sl-wheel > .horizontal-sl-item-bc::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    border-radius: inherit !important;

    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.035) 0%,
            transparent 34%,
            transparent 100%
        ) !important;

    pointer-events: none !important;
}


/* Framework'ün ekstra pseudo elementini kapat */
.horizontal-sl-wheel > .horizontal-sl-item-bc::after {
    content: none !important;
    display: none !important;
}


/* ---------------------------------------------------------
   İÇ ACCORDION ALANINI SIFIRLA
--------------------------------------------------------- */

.horizontal-sl-wheel
> .horizontal-sl-item-bc
.accordion-button {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 11px !important;

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

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    background: transparent !important;

    border: none !important;
    border-radius: inherit !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;

    text-decoration: none !important;
}


/* Accordion hover kaynaklı eski arka planı kapat */
.horizontal-sl-wheel
.horizontal-sl-item-bc
.accordion-button:hover,
.horizontal-sl-wheel
.horizontal-sl-item-bc
.accordion-button.a-outline {
    color: inherit !important;
    background: transparent !important;

    border: none !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   Ä°KONLAR
--------------------------------------------------------- */

.horizontal-sl-wheel .horizontal-sl-item-bc i,
.horizontal-sl-wheel .horizontal-sl-item-bc svg,
.horizontal-sl-wheel .horizontal-sl-item-bc .CMSIconSVGWrapper {
    position: relative !important;
    z-index: 2 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 22px !important;
    flex-shrink: 0 !important;

    color: rgba(255, 255, 255, 0.48) !important;
    fill: currentColor !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    filter: none !important;

    transition:
        color 0.22s ease,
        fill 0.22s ease,
        transform 0.22s ease !important;
}


/* SVG boyutlarını düzelt */
.horizontal-sl-wheel
.horizontal-sl-item-bc
.CMSIconSVGWrapper > svg {
    width: 100% !important;
    height: 100% !important;

    max-width: 22px !important;
    max-height: 22px !important;
}


/* SVG parçalarının currentColor kullanması */
.horizontal-sl-wheel
.horizontal-sl-item-bc
svg path,
.horizontal-sl-wheel
.horizontal-sl-item-bc
svg circle,
.horizontal-sl-wheel
.horizontal-sl-item-bc
svg rect,
.horizontal-sl-wheel
.horizontal-sl-item-bc
svg polygon,
.horizontal-sl-wheel
.horizontal-sl-item-bc
svg line {
    color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}


/* ---------------------------------------------------------
   NORMAL HOVER
--------------------------------------------------------- */

.horizontal-sl-wheel > .horizontal-sl-item-bc:hover {
    background:
        linear-gradient(
            180deg,
            rgba(41, 43, 51, 0.99) 0%,
            rgba(27, 29, 36, 0.99) 100%
        ) !important;

    color: #ffffff !important;

    border-color: rgba(255, 182, 2, 0.42) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 -1px 0 rgba(0, 0, 0, 0.34),
        0 -1px 0 #ffb602,
        0 8px 18px rgba(0, 0, 0, 0.25) !important;

    transform: translateY(-1px) !important;
}


/* Hover ikon */
.horizontal-sl-wheel
> .horizontal-sl-item-bc:hover i,
.horizontal-sl-wheel
> .horizontal-sl-item-bc:hover svg,
.horizontal-sl-wheel
> .horizontal-sl-item-bc:hover .CMSIconSVGWrapper {
    color: #ffb602 !important;
    fill: currentColor !important;

    transform: scale(1.04) !important;
}


/* ---------------------------------------------------------
   AKTÄ°F SEKME
--------------------------------------------------------- */

.horizontal-sl-wheel > .horizontal-sl-item-bc.active {
    background:
        linear-gradient(
            180deg,
            #ffc82f 0%,
            #ffb602 100%
        ) !important;

    color: #171920 !important;

    border-color: #ffd65d !important;
    border-radius: 10px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.32),
        inset 0 -1px 0 rgba(158, 103, 0, 0.28),
        0 -1px 0 #ffe89b,
        0 7px 16px rgba(0, 0, 0, 0.22) !important;

    transform: none !important;
}


/* Aktif buton içeriği */
.horizontal-sl-wheel
> .horizontal-sl-item-bc.active
.accordion-button {
    color: #171920 !important;
    background: transparent !important;

    box-shadow: none !important;
}


/* Aktif ikon */
.horizontal-sl-wheel
> .horizontal-sl-item-bc.active i,
.horizontal-sl-wheel
> .horizontal-sl-item-bc.active svg,
.horizontal-sl-wheel
> .horizontal-sl-item-bc.active .CMSIconSVGWrapper {
    color: #ffffff !important;
    fill: currentColor !important;

    filter: none !important;
    transform: none !important;
}


/* ---------------------------------------------------------
   AKTÄ°F BUTON HOVER
--------------------------------------------------------- */

.horizontal-sl-wheel > .horizontal-sl-item-bc.active:hover {
    background:
        linear-gradient(
            180deg,
            #ffd047 0%,
            #ffbb0d 100%
        ) !important;

    color: #171920 !important;

    border-color: #ffe078 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.36),
        inset 0 -1px 0 rgba(158, 103, 0, 0.30),
        0 -1px 0 #fff0b3,
        0 8px 18px rgba(0, 0, 0, 0.24) !important;

    transform: translateY(-1px) !important;
}


/* Aktif hover ikon beyaz kalsın */
.horizontal-sl-wheel
> .horizontal-sl-item-bc.active:hover i,
.horizontal-sl-wheel
> .horizontal-sl-item-bc.active:hover svg,
.horizontal-sl-wheel
> .horizontal-sl-item-bc.active:hover .CMSIconSVGWrapper {
    color: #ffffff !important;
    fill: currentColor !important;

    transform: scale(1.03) !important;
}


/* ---------------------------------------------------------
   FRAMEWORK ÇAKIŞMALARINI TEMİZLE
--------------------------------------------------------- */

.horizontal-sl-item-bc,
.horizontal-sl-item-bc.active,
.horizontal-sl-item-bc:hover {
    top: auto !important;
    left: auto !important;
    right: auto !important;
}


/* Horizontal slider translate davranışını koru */
.horizontal-sl-wheel {
    transform-origin: left center !important;
}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 1024px) {
    .horizontal-sl-wheel {
        gap: 8px !important;

        min-height: 59px !important;

        padding-top: 9px !important;
        padding-right: 0 !important;
        padding-bottom: 6px !important;
        padding-left: 0 !important;
    }

    .horizontal-sl-wheel > .horizontal-sl-item-bc {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        padding: 0 17px !important;

        font-size: 13px !important;
        border-radius: 9px !important;
    }

    .horizontal-sl-wheel .horizontal-sl-item-bc i,
    .horizontal-sl-wheel .horizontal-sl-item-bc svg,
    .horizontal-sl-wheel .horizontal-sl-item-bc .CMSIconSVGWrapper {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;

        flex-basis: 20px !important;
    }
}


/* ---------------------------------------------------------
   MOBÄ°L
--------------------------------------------------------- */

@media (max-width: 768px) {
    .horizontal-sl-wheel {
        gap: 6px !important;

        min-height: 53px !important;

        padding-top: 8px !important;
        padding-right: 0 !important;
        padding-bottom: 5px !important;
        padding-left: 0 !important;
    }

    .horizontal-sl-wheel > .horizontal-sl-item-bc {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        padding: 0 13px !important;

        font-size: 12px !important;
        border-radius: 8px !important;
    }

    .horizontal-sl-wheel .horizontal-sl-item-bc i,
    .horizontal-sl-wheel .horizontal-sl-item-bc svg,
    .horizontal-sl-wheel .horizontal-sl-item-bc .CMSIconSVGWrapper {
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        max-width: 19px !important;
        max-height: 19px !important;

        flex-basis: 19px !important;
    }
}
.nav-menu-sub {
    background-color: #171920 !important;
}

.nav-menu-sub .nav-menu-item {
    background-color: transparent;
    color: #fff;
}

.nav-menu-sub .nav-menu-item:hover {
    background-color: #23262d;
}

.nav-menu-sub .logout-profile {
    background-color: #171920;
}

.nav-menu-sub .userLogoutBtn {
    background-color: transparent;
    color: #fff;
    border: none;
}

.nav-menu-sub .userLogoutBtn:hover {
    background-color: #23262d;
}
.hdr-smart-panel-holder-bc {
    background-color: #171920 !important;
}