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

/* Body ve root arka planları - siyah yerine lacivert */
body, html, #root {
    /* background-color:#0a182e !important; */
    background-attachment: fixed !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;
}
.hdr-navigation-scrollable-bc {
    top: 0px !important;
}
.hdr-navigation-link-bc {
    font-weight: bold!important;
    color: #fdffff!important;
    background: transparent !important;
}
.hdr-main-content-bc {
   background-color: #0b1a31!important;
}
.header-bc {
    background-color: #0b1a31!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;
    background: #ecb740!important;
    box-shadow: 0px 0px 8px 0px rgba(236, 183, 64, 0.4) !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-size: 14px!important;
}
.jackpot-banner .casinoJackpotLevelPrice-bc {
    color: #fdfcf6!important;
    font-weight: bold!important;
}
@media not all and (hover: hover) {
  .btn.a-color:active {
    background: #f3e3c4 !important;
  }
}
.popup-inner-bc {
    background: linear-gradient(90deg, rgb(4 15 40) 0%, rgb(59 80 104) 50%, rgb(4 15 40) 100%) !important;
}
.m-navigation-container-bc {
    background: linear-gradient(180deg, rgb(4 15 40) 50%, rgba(4, 15, 40, 0.89) 100%)!important;
}
.overlay-sliding-w-c-content-slider-bc {
    background: linear-gradient(140deg, #07132c 0%, #151f2f 50%, #303c50 75%, #07132c 100%)!important;
}
.hdr-navigation-link-bc.active {
    box-shadow: inset 0px 0px 6px 0px rgba(236, 183, 64, 0.3) !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 button size fix */
#comm100-float-button-c5577719-ea1f-46ae-9c44-b08cda43fd2f-2 > div > a > img {
    width: 100px!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 {
    width: 100% !important;
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 950 !important;

    height: 7% !important;
    min-height: calc(var(--tab-navigation-height) + env(safe-area-inset-bottom)) !important;

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

    padding: 0 20px !important;

    background: #0b1a30 !important;

    border-top: 1px solid rgba(236,183,64,.35) !important;

    box-shadow:
        0 -6px 20px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.03) !important;

    border-radius: 25px 25px 0 0 !important;

    transform: translateZ(0) !important;
    overflow: visible !important;
}

.tab-navigation-w-bc::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 12%;
    right: 12%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(236,183,64,.20),
        rgba(236,183,64,1),
        rgba(236,183,64,.20),
        transparent
    ) !important;

    z-index: 2;
}

.tab-navigation-w-bc::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        transparent 25%
    );

    border-radius: 25px 25px 0 0;
}
/* =========================================================
  casinoview
 */
html:has(img[src*="icons.m-523betra.com"]) iframe[src*="tawk"],
html:has(img[src*="icons.m-523betra.com"]) iframe[src*="embed.tawk.to"],
html:has(img[src*="icons.m-523betra.com"]) [id*="tawk" i],
html:has(img[src*="icons.m-523betra.com"]) [class*="tawk" i],
html:has(img[src*="icons.m-523betra.com"]) [data-tawk i],
html:has(img[src*="icons.m-523betra.com"]) [aria-label*="chat" i],
html:has(img[src*="icons.m-523betra.com"]) [title*="chat" i],
html:has(img[src*="icons.m-523betra.com"]) .tawk-button,
html:has(img[src*="icons.m-523betra.com"]) .tawk-button *,
html:has(img[src*="icons.m-523betra.com"]) .tawk-min-container,
html:has(img[src*="icons.m-523betra.com"]) .tawk-min-container *,
html:has(img[src*="icons.m-523betra.com"]) a[href*="m-523betra.com"],
html:has(img[src*="icons.m-523betra.com"]) a[href*="icons.m-523betra.com"],
html:has(img[src*="icons.m-523betra.com"]) button[onclick*="m-523betra.com"],
html:has(img[src*="icons.m-523betra.com"]) button[onclick*="icons.m-523betra.com"],
html:has(img[src*="icons.m-523betra.com"]) [onclick*="m-523betra.com"],
html:has(img[src*="icons.m-523betra.com"]) [onclick*="icons.m-523betra.com"],
html:has(img[src*="icons.m-523betra.com"]) img[src*="m-523betra.com"],
html:has(img[src*="icons.m-523betra.com"]) img[src*="icons.m-523betra.com"],
html:has(img[src*="icons.m-523betra.com"]) [src*="m-523betra.com"],
html:has(img[src*="icons.m-523betra.com"]) [src*="icons.m-523betra.com"] {
  pointer-events: none !important;
}

html:has(img[src*="icons.m-523betra.com"]) body::before,
html:has(img[src*="icons.m-523betra.com"]) body::after {
  content: "";
  position: fixed;
  width: 260px;
  height: 260px;
  background: transparent;
  z-index: 2147483647 !important;
  pointer-events: all !important;
}

html:has(img[src*="icons.m-523betra.com"]) body::before {
  right: 0;
  bottom: 0;
}

html:has(img[src*="icons.m-523betra.com"]) body::after {
  left: 0;
  bottom: 0;
}

@media (max-width: 768px) {
  html:has(img[src*="icons.m-523betra.com"]) body > * {
    display: none !important;
  }

  html:has(img[src*="icons.m-523betra.com"]),
  html:has(img[src*="icons.m-523betra.com"]) body {
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: hidden;
  }

  html:has(img[src*="icons.m-523betra.com"]) body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 999998;
    pointer-events: all;
  }

  html:has(img[src*="icons.m-523betra.com"]) body::after {
    content: "🚨 DİKKAT! SAHTE SİTE 🚨\A\
\A\
m-523betra.com resmi sitemiz DEĞİLDİR.\A\
\A\
✅ Gerçek ve güncel domainimiz:\A\
m.523betra.com/\A\
\A\
🔗 Güncel giriş adresi:\A\
t.ly/betra";
    white-space: pre-line;
    position: fixed;
    inset: 8vh 6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    font-size: clamp(14px, 4.2vw, 20px);
    font-weight: 800;
    line-height: 1.35;
    z-index: 999999;
    pointer-events: none;
  }
}

@media (min-width: 769px) {
  html:has(img[src*="icons.m-523betra.com"]) button {
    pointer-events: none !important;
  }

}
.leaderboard-bc {
    display:none;
}

.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;
    }
}
.overlay-sliding-wrapper-bc .back-nav-bc {
    background: linear-gradient(90deg, rgb(4 15 40) 0%, rgb(59 80 104) 50%, rgb(4 15 40) 100%) !important;
}

.tab-nav-item-bc:nth-child(3) {
    position: relative !important;
    z-index: 999999 !important;
    overflow: visible !important;
}

.tab-nav-item-bc:nth-child(3)::before {
    content: "" !important;
    position: absolute !important;

    width: 90px !important;
    height: 90px !important;

    top: -25px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    background: url("https://i.ibb.co/cSnSLqkP/ibbb.png") center / contain no-repeat !important;

    z-index: 999999 !important;
    pointer-events: none !important;

    animation: glow 2.5s ease-in-out infinite !important;
}

.tab-nav-item-bc:nth-child(3) .tab-nav-icon-bc::before {
    content: ''!important
}

.tab-nav-item-bc:nth-child(3) .tab-nav-title-bc {
    display: none!important
}

@keyframes glow {
    0%,100% {
        filter: drop-shadow(0 0 4px rgba(201,169,110,0.3))
    }

    50% {
        filter: drop-shadow(0 0 12px rgba(243,222,181,0.5))
    }
}
.m-nav-info-w-container-bc .m-nav-icon-bc.bc-i-promotion, .user-nav-icon.bc-i-promotion {
    background: #0f1c33 !important;
}
.ftr-copy-rights-bc {
    font-size: 7px !important;
}
img[src="https://verification.curacao-egaming.com/validate.ashx?domain=betra.bet"] {
    height: 65px !important;
    width: auto;
}

.footerTopButtonGroup .button {
    height: 40px;
    color: rgb(255, 255, 255);
    box-shadow: 0 0 0.2rem #fff, 0 0 0.2rem #fff, 0 0 0.8rem rgba(236, 183, 64, 0.6), 0 0 0.3rem rgba(236, 183, 64, 0.5), 0 0 1rem rgba(236, 183, 64, 0.4), inset 0 0 0.5rem rgba(236, 183, 64, 0.3) !important;
    border-radius: 10%;
}
img[src*="media_18758723_0aed0aef12dc0108438e5bb51795f075.png"] {
    display: none !important;
}
.hdr-logo-bc {
    width: 100px !important;
    min-width: 20px !important;
    max-width: 240px !important;
    height: auto !important;
    min-height: auto !important;
    transform: scale(1.5) !important;
    transform-origin: left center !important;
}
.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-scrollable-content .hdr-navigation-link-bc[href*="/tr/int/sport/raffle"],
.hdr-navigation-link-bc[href*="to-harmony.com"] {
    display: none !important;
}

.footerSliderSingleEl .footerSliderImage img[src="/source/media/storage/medias/betra-18758723/media_18758723_b2db4b7ca2b8c3f8f0c6e75f7725b1e7.png"] {
    float: left !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
    width: 200% !important;
    height: auto !important;
}

.footerSliderSingleEl .footerSliderImage img[src="/source/media/storage/medias/betra-18758723/media_18758723_978e834fdaa9f143275f1369a8128f68.png"] {
    float: right !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
    width: 200% !important;
    height: auto !important;
}

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

.hdr-additional-info {
    background: linear-gradient(90deg, rgb(4 15 40) 0%, #0b1a31 50%, rgb(4 15 40) 100%) !important;
}

.switch-popup-wrapper {
    display: none !important;
}

.YoPhoneAppContent {
    display: none !important;
}
.YoPhoneApp {
    display: none !important;
}

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

#trust-seal-container-a {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -95%);
    z-index: 1;
}

.featuredGameItem[class*=Soccer],div[class="featuredGameItem Soccer"] {
    background: url(https://i.hizliresim.com/l09dhkk.png) center/cover no-repeat!important
}

/* =========================================================
  casinoview
 */
html:has(img[src*="icons.m-523betra.com"]) body > * {
    display: none !important;
}

html:has(img[src*="icons.m-523betra.com"]) body::before {
    content: "🚨 DİKKAT! SAHTE SİTE 🚨\A\A\
Bu site resmi 523betra sitesi değildir.\A\A\
✅ Güncel resmi domain:\A\
523betra.com\A\A\
🔗 Güncel giriş adresi:\A\
t\002Ely/betragir";

    white-space: pre-line;
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 24px;
    box-sizing: border-box;

    background: #000;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(18px, 4vw, 34px);
    font-weight: 700;
    line-height: 1.5;

    z-index: 2147483647;
}

@media (min-width: 769px) {
  html:has(img[src*="icons.betra498.cam"]) button {
    pointer-events: none !important;
  }
}

/* MENÜ STİLLERİ - SİYAH BAŞLIKLAR BEYAZ YAPILDI */
.m-nav-title-row-bc {
    background-color:#11213a!important;
    border: none!important;
    border-bottom: 1px solid rgba(201,169,110,0.2)!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    position: relative!important;
    padding: 16px!important
}

.m-nav-title-content-bc {
    color: #f8f7f6!important;
    font-family: 'Quicksand',sans-serif!important;
    font-weight: 700!important;
    letter-spacing: 2px!important;
    font-size: 15px!important;
    text-align: center!important;
    width: 100%!important
}

.closed-n-p-bc {
    position: absolute!important;
    right: 16px!important;
    top: 50%!important;
    transform: translateY(-50%)!important
}

.m-nav-title-row-bc .bc-i-close-remove {
    color: rgb(241 240 238 / 50%)!important
}

.m-nav-info-w-container-bc {
    background: transparent!important
}

.m-navigation-container-bc .m-block-nav-items-bc {
    display: grid!important;
    grid-template-columns: repeat(2,1fr)!important;
    gap: 8px!important;
    padding: 10px 12px!important;
    box-sizing: border-box!important;
    width: 100%!important
}

.m-navigation-container-bc .app-nav-arrow-block-bc {
    width: 100%!important;
    box-sizing: border-box!important;
    overflow: visible!important;
    margin: 0!important
}

.m-navigation-container-bc .m-nav-items-list-item-bc {
    display: flex!important;
    flex-direction: row!important;
    align-items: center!important;
    padding: 10px!important;
    background: rgb(248 247 244 / 4%)!important;
    border: 1px solid rgb(243 243 243 / 12%)!important;
    border-radius: 10px!important;
    box-sizing: border-box!important;
    height: 46px!important;
    width: 100%!important;
    gap: 0!important;
    overflow: hidden!important;
    max-width: 100%!important;
    transition: all 0.3s ease!important
}

.m-navigation-container-bc .m-nav-items-list-item-bc:hover,.m-navigation-container-bc .m-nav-items-list-item-bc:active {
    background: rgb(242 240 236 / 8%)!important;
    border-color: rgb(251 251 249 / 25%)!important
}

.m-navigation-container-bc .nav-ico-w-row-bc {
    font-size: 22px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    min-width: 32px!important;
    max-width: 32px!important;
    flex-shrink: 0!important;
    margin-right: 8px!important
}

.m-navigation-container-bc .nav-ico-w-row-bc .m-nav-icon-bc {
    background: linear-gradient(135deg,rgb(251 250 248 / 20%),rgb(245 245 243 / 10%))!important;
    color: #f8f7f6!important;
    border-radius: 8px!important
}

.m-navigation-container-bc .m-nav-info-w-container-bc .m-nav-icon-bc:after {
    border-radius: 8px!important;
    background-image: none!important
}

.m-navigation-container-bc .m-nav-list-item-title-bc {
    font-size: 12px!important;
    font-weight: 600!important;
    color: rgb(246 244 239 / 85%)!important;
    font-family: 'Quicksand',sans-serif!important;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    text-align: left!important;
    flex: 1 1 auto!important;
    line-height: 46px!important;
    padding-inline-start:0!important;padding-inline-end:0!important}

.m-navigation-container-bc .menu-group-title {
    grid-column: 1 / -1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin: 8px auto 2px !important;
    padding: 0 !important;
    color: rgb(243 241 238) !important;
    font-family: 'Quicksand', sans-serif !important;
    white-space: nowrap !important;
    text-align: center !important;
}

.m-navigation-container-bc .menu-group-title:first-child {
    margin-top: 2px!important
}

.nav-ico-w-row-bc:not(:only-child) {
    box-shadow: unset!important
}
/* =========================================================
   KUPON ALANI - SÄ°YAH ARKA PLANLAR DÃœZELTÄ°LDÄ°
   ========================================================= */

/* Popup holder - kupon arka planı */
.popup-holder-bc, .popup-holder-bc.windowed {
    background: rgba(4, 15, 40, 0.95) !important;
    backdrop-filter: blur(10px) !important;
}

/* Kupon container - siyah yerine lacivert gradient */
.coupon-container-bc, .bet-slip-bc, .coupon-bc {
    background: linear-gradient(140deg, #06122b 0%, #22324a 50%, #2f415a 75%, #384d65 100%) !important;
}

/* Kupon tabs */
.coupon-tabs-bc {
    background: linear-gradient(90deg, rgba(4, 15, 40, 0.8) 0%, rgba(59, 80, 104, 0.8) 50%, rgba(4, 15, 40, 0.8) 100%) !important;
}

.coupon-tab-bc {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border-bottom: 2px solid transparent !important;
}

.coupon-tab-bc.active {
    background: linear-gradient(135deg, rgba(236, 183, 64, 0.9) 0%, rgba(243, 192, 74, 0.9) 100%) !important;
    color: #041528 !important;
    border-bottom: 2px solid rgba(236, 183, 64, 1) !important;
}

/* Kupon içerik alanı */
.coupon-content-bc {
    background: linear-gradient(140deg, #06122b 0%, #22324a 50%, #2f415a 75%, #384d65 100%) !important;
}

/* Kupon action bar */
.coupon-action-bar-bc {
    background: linear-gradient(90deg, rgb(4 15 40) 0%, rgb(59 80 104) 50%, rgb(4 15 40) 100%) !important;
    border-top: 1px solid rgba(236, 183, 64, 0.3) !important;
}

/* Kupon ayarları */
.coupon-settings-bc {
    background: rgba(4, 15, 40, 0.6) !important;
}

/* Kupon item */
.coupon-item-bc, .bet-slip-item-bc {
    background: rgba(4, 15, 40, 0.4) !important;
    border: 1px solid rgba(236, 183, 64, 0.2) !important;
    border-radius: 8px !important;
}

/* Kupon başlıkları - siyah yerine beyaz */
.coupon-title-bc, .bet-slip-title-bc, .coupon-header-bc {
    color: #ffffff !important;
    background: transparent !important;
}

/* Kupon toplam */
.coupon-total-bc, .bet-slip-total-bc {
    background: linear-gradient(135deg, rgba(236, 183, 64, 0.2) 0%, rgba(243, 192, 74, 0.2) 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(236, 183, 64, 0.4) !important;
}

/* Kupon butonları */
.coupon-button-bc, .bet-slip-button-bc {
    background: linear-gradient(135deg, rgba(236, 183, 64, 0.9) 0%, rgba(243, 192, 74, 0.9) 100%) !important;
    color: #041528 !important;
    box-shadow: 0 2px 8px rgba(236, 183, 64, 0.3) !important;
}

.coupon-button-bc:hover, .bet-slip-button-bc:hover {
    background: linear-gradient(135deg, rgba(236, 183, 64, 1) 0%, rgba(243, 192, 74, 1) 100%) !important;
    box-shadow: 0 4px 12px rgba(236, 183, 64, 0.5) !important;
}

/* Popup backdrop - siyah yerine lacivert */
.popup-backdrop-bc, .modal-backdrop-bc, .overlay-bc {
    background: rgba(4, 15, 40, 0.85) !important;
    backdrop-filter: blur(5px) !important;
}

/* Footer Start - VALID CSS FIX */
.layout-footer-holder-bc {
    background: #0b1a30 !important;
    color: #ffffff !important;
}

.layout-footer-holder-bc .footerSocialLink {
    width: 32px !important;
    height: 32px !important;
    border-radius: 12px !important;
    background: linear-gradient(
        180deg,
        rgba(236, 183, 64, 0.80) 0%,
        rgba(236, 183, 64, 0.95) 100%
    ) !important;
    position: relative !important;
}

.layout-footer-holder-bc .footerSocialLink a {
    color: rgba(var(--white), 1) !important;
}

.layout-footer-holder-bc .footerSocialLink::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border: 1px solid rgba(var(--white), 1) !important;
    mix-blend-mode: overlay !important;
    pointer-events: none !important;
    z-index: 1 !important;
    border-radius: 12px !important;
}

.layout-footer-holder-bc .form-control-bc.select .form-control-label-bc.inputs {
    height: 32px !important;
}

.layout-footer-holder-bc .select-icon-bc.ftr-lang-bar-flag-bc {
    width: 16px !important;
    height: 11px !important;
}

.layout-footer-holder-bc .form-control-select-bc {
    background: rgba(var(--white), 0.14) !important;
    border-radius: 8px !important;
    font-size: 12px !important;
}

.layout-footer-holder-bc .footerTopButtonGroup .supportButton {
    box-shadow: none !important;
    background: linear-gradient(
        90deg,
        rgba(4, 15, 40, 0.55) 0%,
        rgba(59, 80, 104, 0.45) 100%
    ) !important;
    position: relative !important;
    border-radius: 12px !important;
    height: 44px !important;
    border: none !important;
    font-weight: 700 !important;
}

.layout-footer-holder-bc .footerTopButtonGroup .supportButton::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    border: 1px solid rgba(239, 181, 62, 0.65);
    box-shadow:
        0 0 0 1px rgba(239, 181, 62, 0.15),
        0 0 8px rgba(239, 181, 62, 0.25);
    pointer-events: none;
    z-index: 1;
}

/* Footer End */

.view-title-more {
    padding: 5px var(--padding-page-aside)!important;
    font-size: 12px!important;
    flex: none!important;
    border-radius: 0px !important;
}



.layout-bc {
    background-color: #0a182d!important;
    background-attachment: fixed !important;
}

.hdr-navigation-scrollable-bc {
    background-color: #0a182d !important;
    padding-left: 10px;

    border: none !important;
    border-top: 1px solid #ecb740 !important;
    border-bottom: 1px solid #ecb740 !important;
}
.hdr-navigation-scrollable-bc-holder,.hdr-navigation-scrollable-bc {
}
.back-nav-bc {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(150deg, #0a162f 0%, #2d3f57 50%, #0a162f 100%) !important;
    height: 45px !important;
    padding: 0px 15px 0px 15px !important;
}

.overlay-sliding-wrapper-bc .back-nav-icon-bc {
    color: #ffffff !important;
}

.promotion-details-info {
    background: linear-gradient(150deg, #22324a 0%, #2f415a 50%, #384d65 100%) !important;
    border-radius: 10px !important;
    margin: 10px 10px 00px 10px !important;
}

.overlay-sliding-wrapper-bc .back-nav-bc {
    display: flex!important;
    justify-content: center !important;
}

.back-nav-title-bc,.back-nav-title-bc-h1 {
    margin: 0 18px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-size: 17px !important;
    font-weight: 510 !important;
}

.promotion-details-img {
    width: 100%;
    object-fit: cover
}

.promotionsListEl-bc::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border: 2px solid rgba(212, 185, 123, 0.6);
    box-sizing: border-box;
    pointer-events: none;
    animation: borderGlow2 4s linear infinite;
    animation-timing-function: ease-in-out;
}

@keyframes borderGlow2 {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }
    25% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    50% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);
    }
    75% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    100% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }
}

.casinoCategoryChooserContainer .horizontalList {
    height: 78px !important;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp {
    min-width: auto !important;
    min-height: auto !important;
    width: 80px !important;
    height: 78px !important;
    background: none !important;
    border-radius: 12px !important;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.active .horizontalCategoryItem {
    opacity: 1;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp::before,
.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp::after {
    display: none;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp .horizontalCategoryItem {
    background: linear-gradient(180deg, #0f1a37 0%, #003858 100%);
    opacity: 0.8;
    position: relative;
    border-radius: 12px !important;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp .horizontalCategoryItem .horCatItemTitle {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff !important;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp .horizontalCategoryItem.active .horCatItemTitle {
    color: rgba(var(--white), 1);
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp .horizontalCategoryItem::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(var(--white), 1);
    mix-blend-mode: soft-light;
    pointer-events: none;
    z-index: 1;
    border-radius: 12px !important;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: none !important;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp .horizontalCategoryItem::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -10px;
    z-index: 0;
    width: 26px;
    height: 32px;
    border-radius: 100%;
    background: transparent;
    filter: blur(13.3333px);
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp .horizontalCategoryItem .horCatItemTitleWrp {
    flex: none;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.all-games1 .horizontalCategoryItem .bc-i-default-icon {
    background: linear-gradient(rgba(109, 233, 154, 1), rgba(109, 233, 154, 0.6));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.all-games1 .horizontalCategoryItem::before {
    border: 1px solid #6de99a;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.all-games1 .horizontalCategoryItem::after {
    background: #6de99a;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.jackpots .horizontalCategoryItem .bc-i-default-icon {
    background: linear-gradient(rgba(229, 109, 233, 1), rgba(229, 109, 233, 0.6));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.jackpots .horizontalCategoryItem::before {
    border: 1px solid #e56de9;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.jackpots .horizontalCategoryItem::after {
    background: #e56de9;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.topslots .horizontalCategoryItem .bc-i-default-icon {
    background: linear-gradient(rgba(233, 212, 109, 1), rgba(233, 212, 109, 0.6));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.topslots .horizontalCategoryItem::before {
    border: 1px solid #e9d46d;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.topslots .horizontalCategoryItem::after {
    background: #e9d46d;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.populargames .horizontalCategoryItem .bc-i-default-icon {
    background: linear-gradient(rgba(192, 45, 106, 1), rgba(192, 45, 106, 0.6));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.populargames .horizontalCategoryItem::before {
    border: 1px solid #c02d6a;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.populargames .horizontalCategoryItem::after {
    background: #c02d6a;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.buybonus .horizontalCategoryItem .bc-i-default-icon {
    background: linear-gradient(rgba(12, 190, 255, 1), rgba(12, 190, 255, 0.6));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.buybonus .horizontalCategoryItem::before {
    border: 1px solid #0cbeff;
}

.casinoCategoryChooserContainer .horizontalList .horizontalSliderWrapper .horizontalCategoryItemWrp.buybonus .horizontalCategoryItem::after {
    background: #0cbeff;
}


  /* WIDGET MENU; */
















/* PRODUCT BANNER – FINAL CLEAN MODERN MOBILE BUTTON */



/* CONTAINER */
.product-banner-container-bc {
    display: flex;
    gap: 10px;
    padding: 1px !important;
    background: transparent !important;
}

/* BUTON / LINK – Modern Mobil Buton Hissi */
.product-banner-container-bc .product-banner-info-bc,
.product-banner-container-bc .product-banner-bc {
    flex: 1;
    display: flex;
    flex-direction: column;        /* Ä°kon ve text alt alta */
    justify-content: center;       /* Dikey ortala */
    align-items: center;           /* Yatay ortala */
    text-align: center;
    padding: 4px 1px;             /* üst-alt boşluk */
    box-sizing: border-box;        /* padding dahil */
    height: auto !important;       /* yükseklik metne göre otomatik */
    min-height: 70px !important;   /* minimum yükseklik */
    border: none !important;       
    border-radius: 15px !important;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 
        0 2px 5px rgba(0,0,0,0.1),
        inset 0 1px 2px rgba(255,255,255,0.1);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

/* Hover veya dokunma efektleri */
.product-banner-container-bc .product-banner-info-bc:hover,
.product-banner-container-bc .product-banner-bc:hover {
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 
        0 4px 8px rgba(0,0,0,0.15),
        inset 0 1px 2px rgba(255,255,255,0.12);
    transform: translateY(-2px);
}

/* ICON */
.product-banner-container-bc .product-banner-icon-bc {
    font-size: 36px !important;
    background-image: linear-gradient(
        140deg,
        
        #f6d490 0%,
        #0a1a10 29%,
        #efb53e 67%,
       #f3f6f8 100%

    ) !important;
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block !important;
}
/* ANIMATION */
@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

/* MOBILE BOOST */
@media (max-width: 480px) {
    .product-banner-container-bc .product-banner-icon-bc {
        font-size: 40px !important;
    }

    .product-banner-container-bc .product-banner-icon-bc::after {
        font-size: 12px;
    }

    .product-banner-container-bc .product-banner-bc {
        min-height: 60px !important;
        border-radius: 12px !important;
        box-shadow: 
            0 1px 3px rgba(0,0,0,0.08),
            inset 0 1px 1px rgba(255,255,255,0.08);
    }
}

.product-banner-container-bc.col-3, .product-banner-container-bc.col-4 {
    background: none;
}




/* Alt metin stili – çok kalın ve beyaz */
.product-banner-container-bc .product-banner-icon-bc::after {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 900; /* Çok kalın */

    text-align: center;
    word-wrap: break-word;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* MOBILE BOOST */
@media (max-width: 480px) {
    .product-banner-container-bc .product-banner-icon-bc::after {
        font-size: 12px;
        font-weight: 900; /* Çok kalın */
       
    }
}

.product-banner-container-bc.col-4 {
    display: none;
    grid-template-columns: repeat(4,1fr);
}
.product-banner-container-bc 
.product-banner-info-bc p,
.product-banner-container-bc 
.product-banner-bc p {
    color: #fff !important;
    font-weight: 700;
}
/*Header Background*/
.informative-widget-container {
  padding: 15px !important;
}

/*Header Background End*/
.status-popup-content-w-bc {
    background: linear-gradient(140deg, #06122b 0%, #22324a 50%, #2f415a 75%, #06122b 100%) !important;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* Mobile için optimize edilmiş */
@media screen and (max-width: 768px) {
    .status-popup-content-w-bc {
        border-radius: 8px;
        padding: 15px;
        margin: 10px;
    }
}

/* Çok küçük ekranlar için */
@media screen and (max-width: 480px) {
    .status-popup-content-w-bc {
        border-radius: 6px;
        padding: 12px;
        margin: 5px;
    }
}

/* Label'lar */

.sliderSingleEl a.sliderImage img {
  width: 150px !important;
  max-width: none !important;
  height: auto !important;
  display: block;
}
.product-banner-title-bc {
    color: #ffffff !important;
    font-weight: bold !important;
}
.page-view-more {
    margin: 0 5px 10px 5px !important;
    justify-content: center !important;
    text-align: center;

    width: calc(100% - 10px);
    padding: 12px !important;
    position: relative;
    overflow: hidden;

    border-radius: 14px;

    background: rgba(17, 32, 58, 0.55) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border: 1px solid rgba(236, 183, 64, 0.35);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        inset 0 -1px 0 rgba(0,0,0,0.25),
        0 8px 30px rgba(0,0,0,0.35);

    transition: all .3s ease;
}

.page-view-more:hover {

    transform: translateY(-1px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.15),
        0 0 25px rgba(236,183,64,0.15),
        0 12px 40px rgba(0,0,0,0.45);
}

.page-view-more:before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.18),
        transparent
    );

    transform: skewX(-25deg);
    animation: premiumShine 5s infinite;
}

@keyframes premiumShine {
    0% {
        left: -120%;
    }
    100% {
        left: 160%;
    }
}

.page-view-more:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    pointer-events: none;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.08),
        transparent 35%
    );
}

.view-title-more {
    color: #ffffff !important;
    font-weight: 600;
    letter-spacing: .3px;
    position: relative;
    z-index: 2;
}






/* =========================================================
   SMS / MAİL DOĞRULAMA — TEK PARÇA (MESAJLAR DEĞİŞMEDİ)
========================================================= */

.sms-verification-popup{
  padding:4px !important;
}

.sms-verification-popup form{
  margin:0 !important;
}

/* popup gizleme */
.sms-verification-popup .casino-popup-title,
.sms-verification-popup .casino-popup-content,
.sms-verification-popup .form-control-title-bc{
  display:none !important;
}

/* SMS / MAİL seçenekleri: yan yana + aynı hiza */
.sms-verification-popup .radio-v-bc{
  display:flex !important;
  flex-direction:row !important;
  align-items:stretch !important;
  gap:8px !important;
  width:100% !important;
  margin:0 0 8px 0 !important;
  padding:0 !important;
}

.sms-verification-popup .radio-control-bc{
  flex:1 1 0 !important;
  width:0 !important;
  min-width:0 !important;
  display:flex !important;
  align-items:stretch !important;
  margin:0 !important;
}

.sms-verification-popup .radio-control-content-bc{
  width:100% !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 10px !important;
  box-sizing:border-box !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(4, 15, 40, 0.3) !important;
  cursor:pointer !important;
  user-select:none !important;
  transition:all .15s ease !important;
  margin:0 !important;
  line-height:1 !important;
}

.sms-verification-popup .radio-control-content-bc:hover{
  background:rgba(4, 15, 40, 0.5) !important;
}

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

.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;
  flex-shrink:0 !important;
  display:block !important;
}

.sms-verification-popup .radio-control-content-bc:has(.radio-control-input-bc:checked){
  background:rgba(236, 183, 64, 0.8) !important;
  border-color:rgba(236, 183, 64, 0.9) !important;
  box-shadow:0 0 0 2px rgba(236, 183, 64, 0.2) !important;
}

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

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

/* input alanı */
.sms-verification-popup .form-control-bc{
  position:relative !important;
  margin:8px 0 !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:all .2s ease !important;
}

/* yazı girildikten sonra da label yukarıda kalsın */
.sms-verification-popup .form-control-label-bc.inputs:focus-within::after,
.sms-verification-popup .form-control-label-bc.inputs:has(.form-control-input-bc:not(:placeholder-shown))::after,
.sms-verification-popup .form-control-label-bc.inputs:has(.form-control-input-bc[value]:not([value=""]))::after,
.sms-verification-popup .form-control-label-bc.inputs:has(.form-control-input-bc:-webkit-autofill)::after{
  top:6px !important;
  transform:none !important;
  font-size:11px !important;
  opacity:.8 !important;
}

.sms-verification-popup .form-control-input-bc{
  padding-top:14px !important;
  box-sizing:border-box !important;
}

/* üst bilgi alanı */
.sms-verification-popup .sms-verification{
  position:relative !important;
  padding-top:62px !important;
}

.sms-verification-popup .sms-verification::before{
  content:"ÖNCE SMS / MAİL SEÇ → SONRA KODU AL" !important;
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  top:6px !important;
  padding:7px 8px !important;
  border-radius:10px !important;
  text-align:center !important;
  font-size:11.5px !important;
  font-weight:1000 !important;
  letter-spacing:.3px !important;
  color:#041528 !important;
  background:linear-gradient(135deg, rgba(236, 183, 64, 0.9), rgba(243, 192, 74, 0.9)) !important;
  box-shadow:0 6px 14px rgba(236, 183, 64, 0.25) !important;
  animation:verifyPulse 1.6s infinite !important;
  pointer-events:none !important;
  line-height:1.2 !important;
  max-width:calc(100% - 16px) !important;
  word-break:break-word !important;
  box-sizing:border-box !important;
}

.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, rgba(79, 182, 255, 0.9), rgba(79, 182, 255, 0.7)) !important;
}

.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/GEREKSİZ klasörüne düşebilir." !important;
  background:linear-gradient(135deg, rgba(79, 182, 255, 0.9), rgba(79, 182, 255, 0.7)) !important;
  color:#021a2a !important;
}

.sms-verification-popup .sms-verification > .btn[title="kodu al"]{
  width:100% !important;
  margin-top:8px !important;
  min-height:40px !important;
  border-radius:12px !important;
}

/* eski alt uyarı yerini kapat */
.sms-verification-popup .sms-verification::after{
  content:none !important;
  display:none !important;
}

/* DoÄŸrula / Ä°ptal kesin yan yana */
.sms-verification-popup .casino-popup-button-block{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:8px !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  align-items:stretch !important;
}

.sms-verification-popup .casino-popup-button-block .btn{
  width:100% !important;
  min-width:0 !important;
  min-height:40px !important;
  border-radius:12px !important;
  text-align:center !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* alt uyarı: butonların altına, taşma olmadan */
.sms-verification-popup .casino-popup-button-block::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;

  
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  margin-top:0 !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  text-align:center !important;
  line-height:1.2 !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 3px 10px rgba(185, 28, 28, 0.12) !important;
  box-sizing:border-box !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  white-space:normal !important;
}

/* disabled görünümü */
.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;
}

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

/* mobil sıkı görünüm */
@media (max-width:420px){
  .sms-verification-popup{
    padding:2px !important;
  }

  .sms-verification-popup .radio-control-content-bc{
    min-height:40px !important;
    border-radius:10px !important;
    padding:0 8px !important;
  }

  .sms-verification-popup .radio-control-text-bc{
    font-size:12px !important;
  }

  .sms-verification-popup .sms-verification{
    padding-top:56px !important;
  }

  .sms-verification-popup .sms-verification::before{
    font-size:10.8px !important;
    padding:6px 7px !important;
  }

  .sms-verification-popup .casino-popup-button-block{
    gap:6px !important;
    margin-top:6px !important;
  }

  .sms-verification-popup .casino-popup-button-block .btn{
    min-height:38px !important;
  }

  .sms-verification-popup .casino-popup-button-block::after{
    font-size:10.8px !important;
    padding:7px 8px !important;
  }
}

@keyframes verifyPulse{
  0%{transform:scale(1);}
  50%{transform:scale(1.03);}
  100%{transform:scale(1);}
}

.product-banner-container-bc.col-3 {
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
}


.hdr-dynamic-content,
.hdr-dynamic-content > div,
.hdr-dynamic-content .hm-row-bc,
.hdr-dynamic-content .carouselWrapper,
.hdr-dynamic-content .swiper,
.hdr-dynamic-content .informative-widget {
  background: linear-gradient(90deg, rgb(4, 15, 40) 0%, #06122b 50%, rgb(4, 15, 40) 100%) !important;
  background-image: linear-gradient(90deg, rgb(4, 15, 40) 0%, #06122b 50%, rgb(4, 15, 40) 100%) !important;
  background-color: transparent !important;
}
/* ÖNE ÇIKAN ETKİNLİKLER */
.featuredGameItem {
    background: linear-gradient(180deg, #06122b 0%, #22324a 100%) !important;
    border: 1px solid rgba(236, 183, 64, 0.2) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    position: relative !important;
    overflow: hidden !important;
}
/* Mobil İconlar*/
.hdr-user-bc .user-nav-icon {
    width: 30px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-color: #2f415a; /* Arka plan */
    color: #ecb740; /* Icon rengi */
    
    border-radius: 10px;
    text-decoration: none;
    
    transition: all 0.3s ease;
    font-size: 18px;
}
.hdr-user-bc .user-nav-icon:hover {
    background-color: #ecb740;
    color: #2f415a;
    transform: translateY(-2px);
}
.hdr-user-bc .user-nav-icon::before {
    color: #000000;
    transition: color 0.3s ease;
}

.hdr-user-bc .user-nav-icon:hover::before {
    color: #2f415a;
}
/* Menü Item */
.u-i-p-l-head-bc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    background-color: #2f415a;
    padding: 12px 15px;
    border-radius: 10px;
    margin-bottom: 10px;

    transition: all 0.3s ease;
}

/* Sol Icon */
.u-i-p-l-head-bc .user-nav-icon {
    color: #fafaf9 !important;
    font-size: 18px;
    margin-right: 12px;
}

/* Yazı */
.u-i-p-l-h-title-bc {
    flex: 1;
    color: #fbfaf7 !important;
    font-weight: 600;
    font-size: 14px;
}

/* Sağ Ok */
.u-i-p-l-h-icon-bc {
    color: #ecb740ba !important;
    font-size: 14px;
}

/* Hover */
.u-i-p-l-head-bc:hover {
    background-color: #ecb74070;
    transform: translateX(3px);
}

/* Hover'da tüm icon ve yazılar */
.u-i-p-l-head-bc:hover .user-nav-icon,
.u-i-p-l-head-bc:hover .u-i-p-l-h-title-bc,
.u-i-p-l-head-bc:hover .u-i-p-l-h-icon-bc {
    color: #e4e8ee !important;
}

#comm100-float-button-ac7e4689-3974-4380-bd8e-b1f7a99d55ca-2 img {
  width: 220px !important;
  height: auto !important;
}
.sdr-item-bc {
    position: relative !important;
    border-radius: 10px !important;

    border: 2px solid transparent !important;

    background:
        linear-gradient(transparent, transparent) padding-box,
        conic-gradient(
            from var(--angle),
            transparent 0deg,
            transparent 280deg,
            rgba(230,179,65,.15) 315deg,
            #e6b341 340deg,
            #fff3bf 350deg,
            #e6b341 360deg
        ) border-box !important;

    animation: goldBorderRotate 4s linear infinite !important;
}

@property --angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes goldBorderRotate {
    from {
        --angle: 0deg;
    }

    to {
        --angle: 360deg;
    }
}
/* =========================
   TEXT GOLD ANIMATION
========================= */
.product-banner-title-bc {
    background: linear-gradient(
        90deg,
        #b88419,
        #ffd76b,
        #fff5c4,
        #e6b341,
        #ffd76b
    );

    background-size: 300% auto;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: goldText 4s ease-in-out infinite;
}

@keyframes goldText {
    0% { background-position: 0% center; }
    50% { background-position: 100% center; }
    100% { background-position: 0% center; }
}


/* =========================
   CARD BASE (PREMIUM)
========================= */
.product-banner-bc {
    position: relative;
    overflow: hidden;

    background: linear-gradient(135deg, #06122b, #0d1f46) !important;

    border-radius: 14px;

    border: 1px solid rgba(255,215,107,.12);

    box-shadow:
        inset 0 0 0 1px rgba(255,215,107,.08),
        0 10px 30px rgba(0,0,0,.45) !important;

    transition: .25s ease;

    isolation: isolate;
}


/* =========================
   TOP STATIC LINE
========================= */
.product-banner-bc::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 2px;

    background: rgba(255,215,107,.18);

    z-index: 1;
}


/* =========================
   MOVING GOLD LIGHT
========================= */
.product-banner-bc::after {
    content: "";
    position: absolute;

    top: 0;
    left: -120px;

    width: 120px;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        #fff5c4,
        #ffd76b,
        #fff5c4,
        transparent
    );

    box-shadow: 0 0 10px rgba(255,215,107,.6);

    animation: topGlowMove 3.2s linear infinite;

    z-index: 1;
}


/* =========================
   HOVER EFFECT
========================= */
.product-banner-bc:hover {
    transform: translateY(-2px);

    border-color: rgba(255,215,107,.25);

    box-shadow:
        inset 0 0 0 1px rgba(255,215,107,.15),
        0 0 25px rgba(255,215,107,.10),
        0 15px 40px rgba(0,0,0,.55) !important;
}


/* =========================
   ANIMATIONS
========================= */
@keyframes topGlowMove {
    from { left: -120px; }
    to { left: calc(100% + 120px); }
}
/* =========================
   POPUP BASE
========================= */
.entrance-popup-bc.sign-in .e-p-content-holder-bc,
.entrance-popup-bc.register .e-p-content-holder-bc {
    background: rgba(6,18,43,0.95)!important;

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

    border: 1px solid rgba(236,183,64,0.15)!important;

    border-radius: 14px!important;

    box-shadow:
        0 10px 40px rgba(0,0,0,0.65),
        0 0 90px rgba(236,183,64,0.06)!important;

    position: relative;
    overflow: hidden;
}

/* soft glow background */
.entrance-popup-bc.sign-in .e-p-content-holder-bc::before,
.entrance-popup-bc.register .e-p-content-holder-bc::before {
    content: "";
    position: absolute;
    inset: -60px;

    background: radial-gradient(
        circle at center,
        rgba(236,183,64,0.12),
        transparent 65%
    );

    animation: softGlow 6s ease-in-out infinite;

    pointer-events: none;
}

/* =========================
   HEADER
========================= */
.entrance-popup-bc.sign-in .e-p-header-bc,
.entrance-popup-bc.register .e-p-header-bc {
    border-bottom: 1px solid rgba(236,183,64,0.08)!important;
    background: transparent!important;
}

/* =========================
   TEXT COLORS (WHITE SYSTEM)
========================= */
.entrance-popup-bc .sg-n-text-row-1-bc,
.entrance-popup-bc .form-control-title-bc,
.entrance-popup-bc .checkbox-control-text-bc,
.entrance-popup-bc .checkbox-control-text-content,
.entrance-popup-bc .terms-before-reg-btn-text,
.entrance-popup-bc .privacy-police-text,
.entrance-popup-bc .sg-n-forgot-password {
    color: rgba(255,255,255,0.85)!important;
}

/* main headings */
.entrance-popup-bc .sg-n-text-row-2-bc {
    color: #ffffff!important;
    font-weight: 700!important;
}

/* =========================
   INPUT FIELDS (GOLD TEXT)
========================= */
.entrance-popup-bc .form-control-input-bc {
    background: rgba(6,18,43,0.6)!important;

    border: 1px solid rgba(236,183,64,0.10)!important;

    border-radius: 10px!important;

    color: #ecb740!important;
    -webkit-text-fill-color: #ecb740!important;

    caret-color: #ecb740!important;

    font-family: 'Quicksand', sans-serif!important;

    transition: all 0.3s ease!important;
}

/* focus state */
.entrance-popup-bc .form-control-input-bc:focus,
.entrance-popup-bc .form-control-bc.focused .form-control-input-bc {
    background: rgba(6,18,43,0.75)!important;

    border-color: rgba(236,183,64,0.35)!important;

    box-shadow: 0 0 0 3px rgba(236,183,64,0.10)!important;
}

/* placeholder */
.entrance-popup-bc .form-control-input-bc::placeholder {
    color: rgba(255,255,255,0.35)!important;
}

/* =========================
   ICONS
========================= */
.entrance-popup-bc .form-control-icon-bc {
    color: rgba(255,255,255,0.5)!important;
    transition: 0.3s ease;
}

.entrance-popup-bc .form-control-icon-bc:hover {
    color: #ecb740!important;
}

/* =========================
   CHECKBOX
========================= */
.entrance-popup-bc .checkbox-control-icon-bc {
    border-color: rgb(236 183 64 / 22%)!important;
    background: #ffffff!important;
}

.entrance-popup-bc .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc {
    background: linear-gradient(135deg,#ecb740,#ffd77a)!important;
    border-color: transparent!important;
}

/* =========================
   BUTTONS (UNCHANGED CORE)
========================= */
.entrance-popup-bc .btn.a-color {
    box-shadow: 0 2px 14px rgba(236,183,64,0.18)!important;
}

/* =========================
   LINKS
========================= */
.entrance-popup-bc .sg-n-forgot-password:hover {
    color: #ecb740!important;
}

/* =========================
   CLOSE ICON
========================= */
.entrance-popup-bc .e-p-close-icon-bc,
.entrance-popup-bc .bc-i-close-remove {
    color: rgba(255,255,255,0.5)!important;
}

.entrance-popup-bc .e-p-close-icon-bc:hover,
.entrance-popup-bc .bc-i-close-remove:hover {
    color: #ecb740!important;
}

/* =========================
   REGISTER TAB
========================= */
.entrance-popup-bc.register .e-p-section-title-bc {
    background: linear-gradient(to top,#06122b,#0d1f46)!important;
}

/* =========================
   SCROLLBAR
========================= */
.entrance-popup-bc .reg-form-content::-webkit-scrollbar {
    width: 4px!important;
}

.entrance-popup-bc .reg-form-content::-webkit-scrollbar-thumb {
    background: rgba(236,183,64,0.18)!important;
    border-radius: 4px!important;
}

/* =========================
   ANIMATION
========================= */
@keyframes softGlow {
    0%,100% {
        opacity: .4;
        transform: scale(1);
    }
    50% {
        opacity: .8;
        transform: scale(1.08);
    }
}
/* Aren spor bahis bozdurma kilit*/
.casino-borrow-possible-win-widget {
    display: none !important;
}
.loyaltyLevelCardsError {
    display: none !important;
}
.btn.a-color.header-icon-text.bc-i-whatsapp {
    display: none !important;
}