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


body {
background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
}

.sdr-item-bc:before {
    background: transparent !important;
}
.entrance-f-error-message-bc {
    background: #37333036!important;
}
:root {
    --hero: 236, 183, 64 !important;
    --oc-1: 236, 183, 64 !important;
    --oc-2: 236, 183, 64 !important;

    
}
.sdr-item-bc:before {
    background: transparent !important;
}
.entrance-f-error-message-bc {
    background: #37333036!important;
}
.hdr-navigation-scrollable-bc {
   
    background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
    top: 0px !important;
}
.hdr-navigation-link-bc {
    font-weight: bold!important;
    color: #fdffff!important;
    background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
	border-bottom: 1px solid #f9b304; /* Butonun alt kısmına border ekledik */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Butona hafif gölge ekleyerek daha belirgin yapıyoruz */
	

}



.hdr-main-content-bc {
    
   background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
    box-shadow: 0 2px 0 #f9b304 ) !important;
    border-radius: 20px !important;
    border-bottom: 1px solid #f9b304  !important; 
	
}
.header-bc {
    background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
}
.btn.sign-in {
    height: 30px!important;
    font-weight: 700!important;
    padding: 0 10px!important;
    border: 1px solid currentColor!important;
    border-radius: 0px 10px 0px 10px!important;
    text-decoration: none!important;
	
}
.btn.register {
    height: 30px!important;
    font-weight: 700!important;
    padding: 0 10px!important;
    border-radius: 0px 10px 0px 10px !important;
    text-decoration: none!important;
	color: black !important;
}
.btn.register {

background: #f9b304 !important;


    box-shadow: 0px 0px 10px 0px #f0e7ab !important;
}
.tab-nav-item-bc {
    color: #ecb740!important;
}
.tab-nav-item-bc {
    color: #fdffff!important;
    font-weight: bold!important;
}
.casino-game-item {
    border-radius: 0px 10px 0px 10px!important;    
}
.slider-bc .carousel-count {
    top: 0px!important;
    inset-inline-end: 11px;
    color: #cec5a9!important;
    z-index: 1;
    background: transparent!important;
    padding: 4px 6px;
    border-radius: 4px;
}
.horizontal-sl-item-bc:not(:empty) {
    color: #ccb58a;
}
.horizontal-sl-item-bc {
    min-width: 80px!important;
    height: 40px!important;
}
.horizontal-sl-icon-bc {
    height: 20px!important;
    font-size: 23px!important;
}
.casinoJackpotLevelTitle-bc {
    color: #ecb740!important;
    /* font-weight: 700!important; */
}
.jackpot-banner .casinoJackpotLevelPrice-bc {
    color: #fdfcf6!important;
    font-weight: bold!important;
}
.casinoJackpotLevelTitle-bc {
    font-size: 14px!important;
}
@media not all and (hover: hover)
.btn.a-color:active {
    background: #f3e3c4!important;
}
.popup-inner-bc {
   background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
}
.m-navigation-container-bc {
   background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
}
.overlay-sliding-w-c-content-slider-bc {
    background: linear-gradient(180deg, rgb(0 0 15) 50%, rgb(0 0 15) 100%)!important;
}
.hdr-navigation-link-bc.active {
    box-shadow: inset 0px 0px 9px 0px #f0e7ab !important;
    border-radius: 10px!important;
}
.slider-bc .carousel-count-arrow-container i {
    display:none!important
}
.slider-bc .carousel-count-arrow {
    height: 17px!important;
    background: transparent!important;
    backdrop-filter: none!important;
    color: #ecb740!important;
}
.slider-bc .carousel-count-arrow-container.with-count {
    top: 0px!important;
}
#comm100-float-button-c5577719-ea1f-46ae-9c44-b08cda43fd2f-2 > div > a > img {
    width: 60px!important;
    margin-bottom: 45px!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;
}
.casinoJackpotLevelPrice-bc {
    font-family: sans-serif!important;
}



.tab-navigation-w-bc {
    
    background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !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;
}



@keyframes createBox{
    from{
        height:0px;
        width: 0px;

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

/* Arthur  */
.product-banner-container-bc {
   background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
    opacity: 0.9;
}
/* burası ornek profilim bonus talebe basınca <bonuslar yazan yer */
.overlay-sliding-wrapper-bc .back-nav-bc {
      background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
}
/* alt yatir butonu */
.tab-nav-item-bc[href="/?account=balance&page=deposit"] {
     background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
    height: 50px;
    color: rgb(255, 255, 255);
    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: 10%;
}



.product-banner-without-titles .product-banner-icon-bc, .product-banner-without-titles .product-banner-img-bc {
    
    border-radius: 15% !important;
}

/* kayan yazi ARTHUR betrasocial exelde*/




.m-nav-info-w-container-bc .m-nav-icon-bc.bc-i-promotion, .user-nav-icon.bc-i-promotion {
    background: #aa7f00 !important;
}
/* license text size */
.ftr-copy-rights-bc {
   
    font-size: 7px !important;
  
}
/* license boy Arthur Özel BETRA */
img[src="https://verification.curacao-egaming.com/validate.ashx?domain=betra.bet"] {
    height: 65px !important;
    width: auto; /* En-boy oranını korumak için */
}

/* Footer buton grubu stilini hedefleyin */
.footerTopButtonGroup .button {
 
     
    height: 40px;
    color: rgb(255, 255, 255);
    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: 10%;
}


/* ortak whell ile diÄŸerini gizleme */
.hdr-navigation-scrollable-content .hdr-navigation-link-bc[href*="/tr/wonder-wheel-harmony"],
.hdr-navigation-scrollable-content .hdr-navigation-link-bc[href*="/tr/int/sport/Trebuchet"],
.hdr-navigation-link-bc[href*="to-harmony.com"] {
    display: none !important;
}
.hdr-navigation-link-bc[aria-label="Trebuchet"] {
  display: none !important;
}




/* apkları ayarlama */
.footerSliderSingleEl .footerSliderImage img[src="https://cmsbetconstruct.com/storage/medias/betra-18758723/media_18758723_b2db4b7ca2b8c3f8f0c6e75f7725b1e7.png"] {
  float: left !important;
  margin-right: 10px !important; /* Sağda boşluk bırakır */
  margin-left: 0 !important; /* Sol boşluğu sıfırlar */
  width: 200% !important; /* Resmin orijinal boyutunu korur */
  height: auto !important; /* Yüksekliği orijinal tutar */
}

.footerSliderSingleEl .footerSliderImage img[src="https://cmsbetconstruct.com/storage/medias/betra-18758723/media_18758723_978e834fdaa9f143275f1369a8128f68.png"] {
  float: right !important;
  margin-right: 10px !important; /* Sağda boşluk bırakır */
  margin-left: 0 !important; /* Sol boşluğu sıfırlar */
  width: 200% !important; /* Resmin orijinal boyutunu korur */
  height: auto !important; /* Yüksekliği orijinal tutar */
}

.main-tabs-bc .tab-bc:first-child {
    visibility: hidden;
    width: 0;
    padding: 0;
    margin: 0;
}

/* silver yazan yerin arka plan rengi */
.hdr-additional-info {
     background: linear-gradient(90deg, #000000 0%, #0a0a0a 50%, #000000 100%) !important;
}
/* giristeki altta çıkan reklam */
.switch-popup-wrapper {
    display: none !important;
}

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


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



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



/* === Koyu tema + çok hafif beyaz çerçeve / glow ========================== */
.carousel-slide{
  position: relative;                           /*  ::before için gerekli   */
               /*  koyu zemin              */
       /*  ince, silik çerçeve     */
  border-radius: 4px;                           /*  köşeleri yumuşat        */
  box-shadow:
      0 0 6px  rgba(255,255,255,0.05),          /*  dışa doğru hafif parıltı*/
      0 0 12px rgba(255,255,255,0.03);          /*  ikinci, daha soft katman*/
  overflow: hidden;                             /*  ::before taşmasın       */
}

/* İç bloklar koyu zeminle kalsın ama kendi gölgelerini almayıp çizgileri korusun */
.carousel-slide *{
  background-color: transparent !important;     /*  önceki #090909 kuralını sıfırla */
  color: #d0d0d0;                               /*  koyu fonda okunaklı gri (ops.)  */
}

/* İstersen içe doğru da çok hafif bir parıltı ekleyebilirsin */
.carousel-slide::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;                         /*  tıklamaları engellemez  */
  box-shadow: inset 0 0 15px rgba(255,255,255,0.04);
}

.market-odd-bc {
  display: inline-block;
  padding: 6px 12px;
  background-color: rgba(255, 204, 0, 0.08);  /* hafif sarı tonlu arka plan */
  border: 1px solid rgba(255, 204, 0, 0.2);    /* silik sarı kenarlık */
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.25s ease;
  font-weight: 600;
  color: #f9a825;                             /* logoya uyumlu sarı ton */
  box-shadow: inset 0 0 4px rgba(255, 204, 0, 0.1);
}

.market-odd-bc:hover {
  background-color: rgba(255, 204, 0, 0.2);
  box-shadow: 0 0 8px rgba(255, 204, 0, 0.25);
  transform: scale(1.05);
  color: #fff000;
}

 /* popüler mac kısmı bitiş */

.u-i-p-a-buttons-bc a.u-i-p-a-deposit-bc,
.u-i-p-a-buttons-bc a.u-i-p-a-withdraw-bc {
  background-color: #c89005 !important; /* Turuncu arka plan */
  color: #fff !important;               /* Beyaz yazı */
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  text-decoration: none !important;
}

.u-i-p-a-buttons-bc a.u-i-p-a-deposit-bc:hover,
.u-i-p-a-buttons-bc a.u-i-p-a-withdraw-bc:hover {
  background-color: #c89005 !important; /* Hover turuncusu */
}



.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;
}