/* ⚠️ Bu blok BC'nin STOK MOR paletini eziyor (theme-vars.css `--b/--header/
 * --menu: 52,11,81`) — silinemez, yalnız değeri değişir. `!important` şart:
 * theme-vars.css cascade'de bu dosyadan SONRA yükleniyor (layout.js).
 *
 * ALTIN TEMA: vurgu renkleri (`--hero`, `--oc-1`) mobil paletle aynı altına
 * çekildi; header ve menü kroması `--chrome-1`in RGB karşılığı (11,9,6) —
 * BC'nin `rgba(var(--header), …)` yazan onlarca kuralı da böylece altına uyar.
 * Gövde zemini (`--b`) DEĞİŞMEDİ: içerik kutuları lacivert kalır. */
:root {
    --b: 0, 11, 36 !important;
    --hero: 233, 202, 96 !important;
    --hero-hover: 226, 187, 51 !important;
    --oc-1: 233, 202, 96 !important;
    --oc-1-hover: 226, 187, 51 !important;
    --menu: 11, 9, 6 !important;
    --desktop-header-margin-bottom: 40px !important;
    --header: 11, 9, 6 !important;
}

/* Arama düğmesinin kutusu: sabit lacivert (#09204f) altın kromanın sağ ucunda
 * tek parlak mavi kare olarak kalıyordu. Kroma zemin + altın hatla tokene bağlı. */
.generic-search-btn:before,
.generic-search-close-btn:before {
    background: var(--chrome-2, #171208) !important;
    border: 1px solid var(--gold-line, rgba(226, 192, 101, .32)) !important;
    border-radius: 6px !important;
}

/* Ödeme kartı üstündeki "Min Yatırım / Min Çekim / Max Çekim" metinleri KALDIRILDI
 * 2026-08-13: 22 sağlayıcı için `content:` ile elle yazılmış SABİT limitlerdi.
 * Gerçek limitler sunucudan geliyor (`/api/wallet/methods` → kart dataset'i →
 * UiBoot `updatePaymentInfo` → detay bloğundaki Min./Maks.), üstelik CSS'teki
 * değerler API ile ÇELİŞİYORDU (bkz. fulgurpay notu, UiBoot.js #124) ve JS'in
 * ürettiği yeni kartlara hiç uygulanmıyordu. Metinleri konumlandıran
 * `.nav-ico-w-row-bc:before/:after` kuralları da gitti: content'siz pseudo
 * eleman boyanmaz, ölü kural olarak kalırlardı. */

body .layout-bc {
    background: var(--site-bg, #000c24) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


.logo-container .hdr-logo-bc {
    max-width: 160px !important;
    width: 280px !important;
}

.is-home-page .layout-content-holder-bc {
    max-width: 1670px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 80px !important;
}

/* 🔴 YATAY TAŞMA KİLİDİ. `.hm-row-bc` bir grid, `.hm-row-bc-inner` de onun ÖĞESİ
 * → varsayılan `min-width:auto` ile içeriğinin min-content'inden dar olamıyor.
 * Satırın içindeki her yatay şerit (kazanç şeridi, oyun şeridi, maç şeridi)
 * kendi kutusunda kırpılsa bile genişliğini buradan yukarı sızdırabiliyor;
 * sayfa 12000px'e çıkıyor. Mobil Chrome o durumda YERLEŞİM VIEWPORT'unu içeriğe
 * göre genişletiyor (390 → 1560): sayfa uzaklaştırılmış gibi açılıyor, parmakla
 * "zoom yapılmış" görünüyor ve position:fixed olan header/alt çubuk ekranın kaç
 * katı ende basılıyor. Kural tek satır ve şeritlerin hepsini birden kapatıyor —
 * bölüm bölüm min-width:0 dağıtmak yerine kaynağında. */
.hm-row-bc > .hm-row-bc-inner {
    min-width: 0;
    max-width: 100%;
}

/* EN POPÜLER CASINO OYUNLARI — ızgara değil TEK SATIR yatay şerit (operatör
 * isteği). Kaydırma mekanizması yeni yazılmadı: işaretlemedeki
 * `.horizontal-scroll` hem overflow'u hem UiBoot'taki tekerlek + tut-sürükle
 * davranışını veriyor (bkz. lib/yatay-kaydirma.js). Burada yalnız satır düzeni.
 * Kutu genişliği = ızgaradaki 4 sütunun aynısı, yani şerit "aynı kartlar, tek
 * sıra" olarak okunuyor; gerisi sağa kayıyor. */
.product-banner-container-bc.pop-serit {
    display: flex;
    gap: 10px;
    scroll-snap-type: x proximity;
    padding-bottom: 2px;
}

.product-banner-container-bc.pop-serit > div {
    flex: 0 0 calc((100% - 30px) / 4);
    scroll-snap-align: start;
}

@media (max-width: 1100px) {
    .product-banner-container-bc.pop-serit > div { flex-basis: calc((100% - 20px) / 3); }
}

@media (max-width: 700px) {
    .product-banner-container-bc.pop-serit > div { flex-basis: calc((100% - 10px) / 2); }
}

#root>div.layout-header-holder-bc>header>div.nav-content-bc>div>nav {
    max-width: 1670px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Zemin YOK: holder'ın kroma gradyanı görünsün (yukarıdaki nota bak). */
.hdr-main-content-bc {
    max-width: 1670px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
    height: 80px !important;
}


/* GİRİŞ = dolu altın (birincil), ÜYE OL = altın çerçeve (ikincil) — mobil
 * paritesi. Eskiden ÜYE OL parlak YEŞİLDİ: altın kromanın yanında tek yabancı
 * renkti ve ikisi de dolu olduğu için hangisinin birincil olduğu belli olmuyordu. */
.btn.sign-in {
    color: #1a1204 !important;
    font-weight: 700;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background-image: linear-gradient(180deg, var(--gold-hi, #fbeec2), var(--gold, #e2c065) 45%, var(--gold-deep, #b8892a)) !important;
    box-shadow: 0 2px 12px var(--gold-glow, rgba(226, 192, 101, .16));
}

.btn.s-small.register {
    color: var(--gold-hi, #fbeec2) !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid var(--gold, #e2c065) !important;
    transition: background var(--default-transition-duration);
}


.popup-inner-bc {
    border-radius: 20px !important;
    /*border-bottom: 2px solid #19233c !important;
	border-top: 2px solid #19233c !important;
	border-left: 2px solid #19233c !important;
	border-right: 2px solid #19233c !important;
	box-shadow: 0px -2px 30px #19233c !important;*/
    background: var(--site-bg, #000c24) !important;
}

/* Slider öğesinin üstündeki BC karartma katmanı kapatılıyor (iki durağı da
   tamamen saydam bir gradient'ti = hiçbir şey boyamıyordu; `none` ile aynı). */
.sdr-item-bc:before {
    background: none !important;
}

/* ALTIN TEMA — HEADER KROMASI. Zemini TEK yer boyuyor (holder): iç satırlar
 * (`.hdr-main-content-bc`, navbar) 1670px'e ortalı olduğu için kendi zeminlerini
 * boyarlarsa gradyan geniş ekranda ortada kesik bir şerit gibi duruyordu.
 * `box-shadow` header'ın altına 15px'lik düz bir bant çekiyor (sayfa zeminiyle
 * birleşsin diye) — gradyanın dibiyle aynı renk olmalı, yoksa çizgi görünür. */
.layout-header-holder-bc {
    background: linear-gradient(180deg, var(--chrome-1, #0b0906), var(--chrome-2, #171208)) !important;
    box-shadow: 0 15px 0 0 var(--chrome-2, #171208) !important;
    border-bottom: 1px solid var(--gold-line, rgba(226, 192, 101, .32)) !important;
}


.page-view-more {
    margin-bottom: 20px !important;
    background: linear-gradient(90deg, var(--site-bar-from, #000423), var(--site-bar-to, #140c5a), var(--site-bar-from, #000423)) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    text-align: left !important;
    justify-content: left !important;
    width: 100% !important;
    justify-self: center !important;
    height: 40px !important;
    border-top: 1px solid var(--site-bar-border, #00227d) !important;
    border-bottom: 1px solid var(--site-bar-border, #00227d) !important;
}

.view-title-more {
    color: var(--site-bar-fg, #fff) !important;
    padding-left: 60px;
    flex: none !important;
    font-size: 14px !important;
}


/* Ana navbar (SPOR/CANLI BAHİS/MAÇ ÖNCESİ/CASINO…) artık NATIVE BC şeridi:
 * öğe başına kutu (#09204f + 8px radius + 8px margin) "kesik kesik" görünüm
 * yapıyordu; hover/aktif renkleri, alt menü renkleri, promosyon öğesinin yeşil
 * gradienti ve `.nav-menu{space-evenly}` yayılımı da bu yüzden kaldırıldı.
 * Alt şerit (Canlı Bahisler/Takvim/Sonuçlar) dosyanın SONUNDAKİ
 * `.nav-content-bc > …header-navigation` bloğuyla yönetiliyor — o duruyor. */

/* Footer de kroma: header ile aynı çerçeve, sayfa zeminini altın çizgi kapatır. */
.layout-footer-holder-bc {
    background: linear-gradient(180deg, var(--chrome-2, #171208), var(--chrome-1, #0b0906)) !important;
    border-top: 1px solid var(--gold-line, rgba(226, 192, 101, .32)) !important;
}


.footerContainer .sliderGroup .sliderContent .sliderTitle {
    display: none;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) {
    position: absolute;
    top: 19px;
    max-width: 900px;
    left: 50%;
    transform: translateX(-50%);
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage {
    min-width: 100px;
    width: 130px;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage img {
    width: 120px;
    opacity: 1 !important;
    filter: none !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(1) img {
    content: url(assets/images/android.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(2) img {
    content: url(assets/images/apple.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(3) img {
    content: url(assets/images/macos.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(4) img {
    content: url(assets/images/huawei.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(5) img {
    content: url(assets/images/linux.png) !important;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .horizontalSliderWrapper:nth-child(1) .horizontalSliderRow .sliderImage:nth-child(6) img {
    content: url(assets/images/windows.png) !important;
}


/* 🔴 ANASAYFA FOOTER'INDAKİ MUTLAK KONUMLANDIRMA KALDIRILDI 2026-08-13.
 * Yasal metin `position:absolute; bottom:-14%`, lisans rozetleri de tek tek
 * `left:12%` / `left:47%; bottom:-38px` ile yerleştiriliyordu: iki SABİT rozete
 * göre elle ölçülmüş koordinatlardı, rozetler BO ayarından geldiği için sayı
 * değişince (0/1/3) hiçbiri tutmuyordu ve rozetler footer'ın ortasında
 * ilgisiz yerlerde duruyordu. Normal akış + `.sliderSingleEl`in kendi
 * `justify-content:center`i lisansı zaten ORTALIYOR; sorumlu oyun rozeti de
 * artık en alta, telif satırının yanına basılıyor (bkz. components/Footer.js). */

/* Sorumlu oyun (BeGambleAware) rozeti — footer'ın EN ALTI: telif satırının da
 * ALTINDA, ortalanmış. `.copyRightBlock`un İÇİNE konmuyor: o blok
 * `justify-content:space-between` bir satır, rozet oraya girse 18+ ile telifin
 * arasına sıkışırdı. */
.footerResponsibleBadge {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 0 4px;
}

.footerResponsibleBadge img {
    display: block;
    width: auto;
    height: 26px;
    opacity: .75;
}


[class*=is-web] .sliderSingleEl .sliderImage img {
    display: block;
    width: auto;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(4) {
    display: none;
}

.footerContainer .sliderGroup .sliderContent .sliderGroup .sliderSingleElWrapper:nth-child(5) {
    display: none;
}


.hdr-dynamic-content {
    display: none;
}


/* Zemin YOK: kroma gradyanı `.layout-header-holder-bc` boyuyor. Burada
 * `--site-bg` (lacivert) duruyordu — logo satırı altın kromanın ortasında
 * lacivert bir bant olarak kalıyordu. */
.header-bc {
    background: transparent !important;
}


.hdr-main-content-bc .logo-container .header-icon {
    display: none;
}


/*login olmadan once*/

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-of-type(1) {
    position: absolute;
    left: 430px;
    transform: translateX(0%);
    height: auto !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(1) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(1) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(1) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_ebe97b5e9bf4d3fb911f3f45094e2cd9.svg') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 100px;
    height: 35px !important;
}


header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-of-type(2) {
    position: absolute;
    left: 300px;
    transform: translateX(0%) !important;
    height: auto !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(2) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(2) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(2) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_d5c01d9b0b6cc4a63700bd51a4bc9ef5.svg') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 100px;
    height: 35px !important;
}


header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(3) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(3) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(3) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_082c43d097fa9ef4c4d32a9f49a31162.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}


header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(4) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(4) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(4) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_b3896dd1b730e63d143e24563ad144cc.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}


header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(5) .btn.a-color:nth-child(1):before {
    content: '' !important;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(5) .btn.a-color:nth-child(1) span {
    display: none;
}

header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-child(5) .btn.a-color:nth-child(1) {
    background-image: url('assets/images/media_18755722_fc8b6d68fd6216472f963cd201515991.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}


/*login olduktan sonra*/

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons:nth-of-type(1) {
    position: unset;
}


.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(1):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(1) span {
    display: none;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(1) {
    background: transparent;
    background-image: url('assets/images/deposit-btn.png') !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 117px;
    height: 41px !important;
}


.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(2):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(2) span {
    display: none;
}

/* height: ikinci blokta 35px yazıyordu ama ilk bloğun `41px !important`i onu
   eziyordu — gerçekte uygulanan değer (41px) tek yerde bırakıldı. */
.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(2) {
    background: transparent;
    background-image: url('assets/images/media_18755722_d5c01d9b0b6cc4a63700bd51a4bc9ef5.svg') !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 100px;
    height: 41px !important;
}


.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(3):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(3) {
    background-image: url('assets/images/media_18755722_082c43d097fa9ef4c4d32a9f49a31162.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}


.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(4):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(4) {
    background-image: url('assets/images/media_18755722_b3896dd1b730e63d143e24563ad144cc.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}


.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(5):before {
    content: '' !important;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(5) span {
    display: none;
}

.has-wallet header .hdr-main-content-bc .hdr-user-bc .header-custom-buttons a:nth-child(5) {
    background-image: url('assets/images/media_18755722_fc8b6d68fd6216472f963cd201515991.gif') !important;
    background: transparent;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 42px;
    height: 42px;
}

/* `rotate` — BetHistory__platform.css'in yükleme spinner'ı bu adı kullanıyor
 * (`animation: rotate 2s linear infinite`) ama keyframe'i BC paketinde YOK;
 * tanım burada durmazsa spinner hiç dönmez. */
@keyframes rotate {
    0% {
        transform: translate(-50%, -50%)rotate(0)
    }

    100% {
        transform: translate(-50%, -50%)rotate(360deg)
    }
}


.promotionsListEl-bc:hover {
    background: url(assets/images/media_18755722_919c3265bedcb75f735b617c54f281b0.gif) !important;
    background-size: auto;
    background-size: cover !important;
    border-radius: 20px !important;
}

.promotionsArticleThumbnail-bc {
    backdrop-filter: blur(10px) !important;
    border-radius: 10px !important;
}

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

.promotions-article-title.ellipsis {
    display: none !important;
}

/* Hover'da BC'nin scale(1.05) yakınlaştırması İSTENMİYOR (kart zaten gif zemine
 * geçiyor), görsel yalnız karartılır. Eskiden iki ayrı kural vardı; `scale(1)
 * !important` olan diğerini eziyordu, yani scale(1.05) hiç uygulanmıyordu. */
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
    transform: scale(1) !important;
    background: #0000007a !important;
}

/* Promosyon ızgarası mobilde taşmasın: sütun min'i kapsayıcıyı aşmasın.
   Bundle kuralı minmax(345px,1fr) dar ekranda 345px'i zorlayıp yatay taşma yapıyordu;
   min(345px,100%) ile <345px viewport'ta sütun %100'e iner (geniş ekranda hâlâ 345px). */
.promotionsList-bc:not(.gridView) {
    grid-template-columns: repeat(auto-fill, minmax(min(345px, 100%), 1fr)) !important;
}


.footerSocialLink .bc-i-instagram {
    background: url(assets/images/media_18755722_9880aacb5c98ebcf74b757c9f8039915.png) !important;
    background-size: auto;
    background-size: cover !important;
    width: 29px !important;
    height: 29px !important;
}

.footerSocialLink .bc-i-twitter {
    background: url(assets/images/media_18755722_a012469067e06e8743ac0594bd65fcf4.png) !important;
    background-size: auto;
    background-size: cover !important;
    width: 29px !important;
    height: 29px !important;
}

.footerSocialLink .bc-i-telegram {
    background: url(assets/images/media_18755722_cb546f35385b47112ae854788e39e4bc.png) !important;
    background-size: auto;
    background-size: cover !important;
    width: 29px !important;
    height: 29px !important;
}


.footerSocialLink .bc-i-youtube {
    background: url(assets/images/media_18755722_5089a3e39394daaaf67657907407ed0a.png) !important;
    background-size: auto;
    background-size: cover !important;
    width: 29px !important;
    height: 29px !important;
}


.footerSocialLink {
    background-color: transparent !important;
}

.footerSocialLink a {
    background: transparent !important;
}

.footerSocialLink .bc-i-instagram::before {
    color: transparent !important;
}

.footerSocialLink .bc-i-twitter::before {
    color: transparent !important;
}

.footerSocialLink .bc-i-telegram::before {
    color: transparent !important;
}

.footerSocialLink .bc-i-youtube::before {
    color: transparent !important;
}


.m-nav-items-list-item-bc.active,
.m-nav-items-list-item-bc:hover {
    border: none !important;
    background: transparent !important;
}

.m-nav-items-list-item-bc:not(.active) {
    background: transparent !important;
    border: transparent !important;
}


.m-nav-items-list-item-bc .nav-ico-w-row-bc .payment-logo {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.m-nav-items-list-item-bc .nav-ico-w-row-bc {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    width: 100%;
    height: 90px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


.payment-logo {
    max-width: 100% !important;
    max-height: 100% !important;
}

.dep-w-info-bc .m-block-nav-items-bc {
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 0px;
}

.dep-w-info-bc .m-nav-items-list-item-bc {
    background: #fff0 !important;
    padding-inline-start: 0px !important;
    padding-inline-end: 0px !important;
}


.ftr-copy-rights-bc a {
    color: #b0abb8;
}

[class*=is-web] .copyRightBlock {
    padding-bottom: 20px !important;
}

.featuredGameItem {
    background-color: var(--site-bg, #000c25) !important;
}
/* yapilacaklar.txt (2026-07-13) — Madde 10: oyun kartında hareket ("hareketli hale
 * getirelim"). Provider thumbnail'ları statik → hover'da hafif yakınlaşma. Blurlu
 * Demo/Oyna overlay'i bundle'ın casino-game-layer keyframe'i zaten sağlar. */
.casinoGameItemImage { transition: transform var(--slow-transition-duration, .3s) ease, filter var(--default-transition-duration) ease; }
.casinoGameItem:hover .casinoGameItemImage,
.casinoGameItem:has(> .casinoGameItemBlock) .casinoGameItemImage {
    transform: scale(1.06);
}

/* ============================================================================
 * dekstop.txt (2026-07-13) — masaüstü düzeltmeleri
 * ========================================================================= */

/* Madde 5: oyun kartına hover/dokun'da BULANIKLAŞMA alanı. Bundle .casinoGameItemBlock
 * overlay'ini gösteriyor ama blur/koyu arka plan vermiyordu ("blur vardı gitmiş"). */
.casinoGameItemBlock {
    background: rgba(0, 6, 24, .62) !important;
    -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.casinoGameItemBlock .casinoGameItemLabelBc { color: #fff; }
.casinoGameItem:hover .casinoGameItemImage { filter: blur(2px) brightness(.72); }

/* Madde 2: "yukarı çık" butonu aşağı inince görünsün. Bundle onu .header-bc içinde
 * static + opacity:0 bırakıyordu → hiç görünmüyordu. ui.js body'ye taşır (header'ın dinamik
 * transform'u fixed'i hapsetmesin) + eşikte (y>400) .nav-floating-btn-show ekler.
 * hatalar #10: native GÖRÜNÜM (yatayda ortalı, alttan 90px, saydam yuvarlak). */
.center-bottom-btn {
    position: fixed !important;
    left: 0; right: 0; margin: 0 auto;   /* native center-bottom: yatayda ortala */
    bottom: 90px;
    width: 56px; height: 56px;
    display: flex !important; align-items: center; justify-content: center;
    opacity: 0; pointer-events: none;
    transition: opacity .25s ease;
}
.center-bottom-btn.nav-floating-btn-show { opacity: 1 !important; pointer-events: auto; }
/* hatalar #10: ESKİ altın-gradient blob KALDIRILDI. Görünüm = native `.layout-bc .nav-floating-btn`
 * (butonu body'ye taşıdığımız için o scoped kural artık ulaşmıyor → aynı değerler burada). */
.center-bottom-btn .nav-floating-btn {
    width: 56px; height: 56px; border-radius: 50%;
    background: rgba(var(--b-sc), .15);
    color: rgba(var(--b-sc), .8);
    font-size: 14px;
    backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
    display: flex; align-items: center; justify-content: center;
}

/* Yan iletişim rayı (Bonus talep/Beni Ara/Telegram/WhatsApp/TV) — istek gereği kapalı.
 * Kapsayıcı display:none olduğu için konum/animasyon/ikon kuralları da çıkarıldı:
 * hiçbiri boyanmıyordu. Ray geri açılacaksa git geçmişinden alınabilir. */
.header-bc .sidebar-content {
    display: none !important;
}
/* Madde 10: kartlarda idle "hareket" — periyodik ışık geçişi (shine). GPU-dostu, kart
 * hover değilken. Yalnız slot grid'inin İLK 10 kartında (kullanıcı isteği). */
.casinoGameItem { position: relative; }
.casinoGamesList .casinoGameItemContent:nth-child(-n+10) .casinoGameItem::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.16) 48%, transparent 62%);
    transform: translateX(-130%);
    animation: casinoCardShine 6s ease-in-out infinite;
}
.casinoGamesList .casinoGameItemContent:nth-child(-n+10) .casinoGameItem:hover::after,
.casinoGamesList .casinoGameItemContent:nth-child(-n+10) .casinoGameItem:has(> .casinoGameItemBlock)::after { display: none; }
@keyframes casinoCardShine {
    0%, 62%   { transform: translateX(-130%); }
    82%, 100% { transform: translateX(130%); }
}
@media (prefers-reduced-motion: reduce) {
    .casinoGamesList .casinoGameItemContent:nth-child(-n+10) .casinoGameItem::after { animation: none; display: none; }
}

/* dekstop.txt #7: ANLIK KAZANÇLAR altı HIZLI ERİŞİM — bölüm kısayol kartları tek sırada eşit
 * genişlik (eski $__promo İade bannerları aşağı taşındı, bkz. home.php $__quick). */
.home-quick-access {
    display: grid !important;
    grid-template-columns: none !important;   /* base .product-banner-container-bc auto-fill 322px'i ez */
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 10px;
    width: 100%;
}
.home-quick-access > div { min-width: 0; }
.home-quick-access .product-banner-bc { display: block; width: 100%; }
.home-quick-access .product-banner-img-bc { width: 100%; height: auto; display: block; border-radius: 10px; }

@media (max-width: 900px) {
    .home-quick-access { grid-auto-flow: row; grid-template-columns: repeat(2, 1fr); grid-auto-columns: auto; }
}

/* dekstop.txt: native promo slider (hm-row-bc has-slider). BC bundle .sdr-image-bc'ye object-fit:cover
 * veriyor → 4000x1000 betronix bannerı ~3.34:1 kutuya sığarken KIRPILIYOR. unset(=fill) tüm bannerı gösterir.
 * ponytail: BC bundle CSS'i düzenleyemiyoruz → custom.css override. KULLANICI ONAYLI CSS istisnası (bu seferlik). */
.sdr-image-bc { object-fit: unset !important; }

/* hatalar #3/#4/#5/#6: smart panel drawer'ları (Bildirim/Favori/Ayarlar/Betslip) sadece BAŞLIK
 * gösterip içeriği KIRPIYORDU. Kök neden: BC `.sidePanel-holder { height: calc(100% - header) }`
 * ama panel `.smartPanel-bc` (transform'lu header) içinde → position:fixed % viewport yerine
 * transform'lu ATAYA çözülüyor → 116px-57px = 59px'e çöküyor. vh ATADAN BAĞIMSIZ → tam yükseklik.
 * (mobil QA'daki "fixed-torun→vh" dersi.) İçerik fixed başlığın altından başlasın diye padding-top. */
.sidePanel-holder {
    height: calc(100vh - var(--desktop-header-height, 56px) - var(--dynamic-header, 0px) - 1px) !important;
    padding-top: 44px;
    overflow-y: auto;
}
.sidePanel-holder-bc:before {
    height: calc(100vh - var(--desktop-header-height, 56px)) !important;
}
/* z-index KALDIRILDI 2026-08-13 (99990/99989/99991 üçlüsü). Gerekçesi olan "iletişim
 * rayının üstünde dursun" kuralı zaten `.header-bc .sidebar-content{display:none}` ile
 * yok oldu. Sıralama artık boyama sırasından geliyor: drawer header katmanının içinde
 * ve DOM'da son → :before (fon) altta, .sidePanel-holder (içerik) üstte. */

/* `#footer-betslip` (BetslipDock) KALDIRILDI 2026-08-12: içi sabit kabuktu — input
 * yok, "Bahis Yap" hep disabled → açılıyor ama bahis yapılamıyordu. Gerçek kupon
 * betgo-sport iframe'inde; BAHİS KUPONU butonu artık oraya götürüyor. Kuralları da
 * götürdüm, yoksa eşleşmeyen ölü seçici olarak kalırlardı. */

/* Ayarlar dropdown menüsü (Oran formatı / Dil / Saat formatı) — BC select'e tık → seçenek listesi.
   Görünümü motorun KENDİ `.multi-select-label-bc` kuralları verir (compact-mode
   varyantı dahil); burada yalnız açık/kapalı ve imleç kalır. Eskiden buradaki elde
   yazılmış kutu motorun stilini eziyordu. */
.js-setting-select { position: relative; cursor: pointer; }
.js-setting-menu[hidden] { display: none; }
.js-setting-option { cursor: pointer; }

/* KAYAN ŞERİT (ANLIK KAZANÇLAR + günün maçları) — tema paketinin keyframe'i
 * `to{transform:translate(-50%)}`, yani elemanı KENDİ genişliğinin yarısı kadar
 * kaydırır. Kartlar 2 kez basıldığı için "yarısı" = tam bir set = dikişsiz tur.
 *
 * 🔴 ASIL BUG buradaydı: `.runningLine` block-level flex olduğundan genişliği
 * kutu kadardı (~1200px), oysa içerik ~25.000px. Şerit içeriğin yarısı yerine
 * EKRANIN yarısı kadar kayıp başa sıçrıyordu — birkaç kart oynuyor, gerisi hiç
 * görünmüyordu. max-content → genişlik = içerik → -%50 gerçekten bir set.
 * (Aynı kural mobile/public/custom.css'te de var.)
 *
 * ⚠️ `:not(.frozen)`: donmuş şerit `justify-content:center` ile ortalanıyor;
 * max-content'te kutu içeriğe yapışacağı için ortalama işlemezdi. */
.runningLine:not(.frozen) { width: max-content; }

/* Bir kazancın üstüne gelince şerit dursun — okumaya/tıklamaya fırsat versin. */
.casinoTopWinnersWidget .runningLine:hover { animation-play-state: paused; }

/* hatalar #11 (revize): casino alt-navigasyonu artık HEADER'da — referans yapısı: `.nav-content-bc`
 * içinde `.nav-content-menu`den (ana nav) SONRA ayrı bir `nav.header-navigation` = :nth-child(2).
 * Native BC ":nth-child(2)" = underline şerit ama bizim temada --menu-sc koyu (şeritte görünmez)
 * → explicit override (yayılım/genişlik de burada, ana nav kuralları kaldırıldı). `.nav-content-bc > ...`
 * DOĞRUDAN çocuk = yalnız alt-nav (ana nav `.nav-content-menu` torunu, `>` ile HARİÇ). */
.nav-content-bc > .nav-menu-container.header-navigation {
    background: linear-gradient(180deg, var(--chrome-2, #171208), var(--chrome-1, #0b0906)) !important;
    border: 1px solid var(--gold-line, rgba(226, 192, 101, .32)) !important;
    border-radius: 6px !important;
    margin-top: 6px;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu {
    justify-content: space-between !important;
    width: 100% !important;
}
/* hatalar #11 (geri bildirim): 4 öğe ortada toplanmıştı (yanyana) → sayfaya tam yayıl, 4 EŞİT parça.
 * Her li 1/4 genişlik (flex:1), öğe kendi çeyreğinde ortalı; underline = metin genişliği. */
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu > li {
    flex: 1 1 0 !important;
    display: flex !important;
    justify-content: center !important;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item,
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu-other > .nav-menu-item {
    background: transparent !important;
    color: rgba(var(--b-sc, 255,255,255), .5) !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    box-shadow: none !important;
    padding: 0 6px !important;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu-item > .CMSIconSVGWrapper {
    width: 14px !important; height: 14px !important;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu-item > i {
    font-size: 15px !important;
}
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item:hover,
.nav-content-bc > .nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item.active {
    background: transparent !important;
    color: rgba(var(--b-sc, 255,255,255), 1) !important;
    box-shadow: inset 0 -2px rgba(var(--hero, 245,197,24), 1) !important;
}

/* Header açılır menüleri (ana nav alt menüsü + bakiye menüsü) "içeriğe göre
 * kısalmış" görünüyordu: kutular ASLINDA panel genişliğinde (235px panel,
 * 215px öğe) ama motorun zemini soldan sağa SÖNEN bir gradient
 * (`linear-gradient(to right, …/.15, …/.05)`) — %5 opaklık koyu menü zemininde
 * neredeyse görünmez, kutu metnin bittiği yerde bitiyormuş gibi duruyor.
 * Düz zemin → her öğe panelin sağ kenarına kadar görünür.
 * Panel de artık en az açan sekme kadar (`max(235px,100%)`) ve uzun etiket
 * kırpılmasın diye `max-content`. custom.css motordan ÖNCE yüklendiği için
 * eşit özgüllükteki kurallar `!important` olmadan kaybederdi. */
.nav-menu-container .nav-menu-sub {
    min-width: max(235px, 100%) !important;
    width: max-content;
}
/* 🔴 Kiracının BO'daki `custom_css`i ana nav öğelerini ortalamak için
 * `.nav-content-menu .nav-menu-item{display:inline-flex;justify-content:center}`
 * yazıyor — seçici TORUNLARI da kapsadığı için AÇILIR MENÜ satırlarını da
 * vuruyordu: kutular içeriğe göre kısalıp ortalanmış "kesik kesik" rozetlere
 * dönüşüyordu. Referans (set1bet106 = stok BC, custom.css'i boş) native
 * görünüm: satırlar panel genişliğinde, metin solda.
 * Kiracı kuralı `html body #root …` özgüllüğünde + !important olduğu için
 * karşı kuralın bir sınıf daha uzun olması ŞART. */
html body #root .layout-header-holder-bc .nav-content-menu .nav-menu-sub .nav-menu-item {
    display: flex !important;
    justify-content: flex-start !important;
}
/* Aynı kiracı bloğunun `.nav-menu-item > i{display:inline-flex}` kuralı, native
 * BC'nin ana navda gizlediği alt menü okunu (`›`) geri getiriyordu — referansta
 * ok YOK. Yalnız oku hedefler, kategori ikonuna dokunmaz. */
html body #root .layout-header-holder-bc .nav-content-menu .nav-menu-item > .nav-menu-sub-arrow {
    display: none !important;
}
.nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item {
    background: rgba(var(--menu-sc, 255,255,255), .12) !important;
}
.header-user-nav .nav-menu-sub .nav-menu-item {
    background: rgba(var(--header-sc, 255,255,255), .12) !important;
}

/* ────────────────────────────────────────────────────────────────────────────
 * Tarayıcı OTOMATİK DOLDURMA maskesi (giriş/kayıt formları "beyaz kutu" oluyordu).
 *
 * 🔴 Motorun kendi kuralı (index.Y8VP_-at.css) ETKİSİZ:
 *     -webkit-box-shadow: 0 0 0 1000px transparent inset;
 *   Chrome'un otomatik-doldurma zeminini örtmek için gölge rengi OPAK olmalı;
 *   `transparent` hiçbir şey boyamaz → kaydedilmiş şifreyle açılan login modalında
 *   input'lar Chrome'un açık zeminiyle (beyaz) görünüyordu.
 *
 * İki katmanlı inset: üstte normal input örtüsü (--b-sc %15), altta sayfa zemini
 * (--b) → otomatik-doldurulmuş alan, normal alanla AYNI görünür. Tema değişkenlerine
 * bağlı olduğu için sabit renk yok.
 * ──────────────────────────────────────────────────────────────────────────── */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgba(var(--b-sc, 255,255,255), .15) inset,
                        0 0 0 1000px rgba(var(--b, 0,11,36), 1) inset !important;
    box-shadow: 0 0 0 1000px rgba(var(--b-sc, 255,255,255), .15) inset,
                0 0 0 1000px rgba(var(--b, 0,11,36), 1) inset !important;
    -webkit-text-fill-color: rgba(var(--b-sc, 255,255,255), .9) !important;
    caret-color: rgba(var(--b-sc, 255,255,255), .9);
}

/* ══════════════════════════════════════════════════════════════════════════
 * ALTIN TEMA — GİRİŞ / ÜYE OL POPUP'I
 *
 * Kapsam `.entrance-popup-bc` ile SINIRLI. `form-control-*`, `checkbox-*`,
 * `.btn.a-color` sınıfları sitedeki HER formda (yatırım, çekim, profil, kupon)
 * geçiyor → kapsamsız bir kural bütün siteyi altına çevirirdi.
 * Yalnız RENK değişiyor; geometri (52px alan yüksekliği, kayan başlık, alt
 * çizgi düzeni) native kalıyor — popup iki platformda da bundle ölçüsünde.
 * Değerler theme-vars.css'ten, hepsi fallback'li.
 * ══════════════════════════════════════════════════════════════════════════ */

/* Kabuk. `:has()` şart: `.popup-inner-bc` sitedeki tüm popup'ların ortak kabı
   (satır 95 onu site zeminiyle boyuyor) — yalnız giriş/kayıt olanı kromaya çevir. */
.popup-inner-bc:has(.entrance-popup-bc) {
    background: linear-gradient(180deg, var(--chrome-1, #0b0906), var(--chrome-2, #171208)) !important;
    border: 1px solid var(--gold-line, rgba(226, 192, 101, .32)) !important;
}

.entrance-popup-bc .e-p-header-bc {
    border-bottom: 1px solid var(--gold-line, rgba(226, 192, 101, .32)) !important;
}

.entrance-popup-bc .e-p-section-title-bc,
.entrance-popup-bc .form-control-icon-bc,
.entrance-popup-bc .dropdownIcon-bc,
.popup-inner-bc:has(.entrance-popup-bc) > .e-p-close-icon-bc {
    color: var(--gold, #e2c065) !important;
}

/* Alanlar: zemin saydam (kabuk kroması görünsün), yazı sıcak altın.
   Kayan başlık dolu/odaklıyken kutunun ÜSTÜNE çıkıyor (native top:-2px) →
   kenarlıklı kutu yerine native alt çizgi düzeni korunuyor. */
.entrance-popup-bc .form-control-input-bc,
.entrance-popup-bc .form-control-textarea-bc,
.entrance-popup-bc .form-control-select-bc {
    color: var(--gold-hi, #fbeec2) !important;
}

.entrance-popup-bc .form-control-title-bc {
    color: rgba(226, 192, 101, .6) !important;
}

.entrance-popup-bc .form-control-bc.focused .form-control-title-bc {
    color: var(--gold, #e2c065) !important;
}

/* Alt çizgi: durgunken donuk altın, odakta dolu altın.
   `:after` odak dolgusunu native `.focused` sınıfıyla yapıyor; `:focus-within`
   ile de veriliyor çünkü sınıfı BC JS ekliyor, port formlarda garanti değil. */
.entrance-popup-bc .form-control-input-stroke-bc:before {
    background-color: var(--gold-line, rgba(226, 192, 101, .32)) !important;
    opacity: 1;
}

.entrance-popup-bc .form-control-bc.focused .form-control-input-stroke-bc:after,
.entrance-popup-bc .form-control-label-bc:focus-within .form-control-input-stroke-bc:after {
    width: 100%;
    background: var(--gold, #e2c065) !important;
}

/* Onay kutusu (Beni hatırla / kural onayları) */
.entrance-popup-bc .checkbox-control-icon-bc {
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid var(--gold-line, rgba(226, 192, 101, .32));
}

.entrance-popup-bc .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc {
    background: linear-gradient(180deg, var(--gold-hi, #fbeec2), var(--gold-deep, #b8892a)) !important;
    border-color: var(--gold, #e2c065);
    color: #1a1204 !important;
}

.entrance-popup-bc .checkbox-control-text-bc,
.entrance-popup-bc .privacy-police-text {
    color: rgba(226, 192, 101, .75) !important;
}

/* GİRİŞ / KAYIT OL — birincil dolu altın (header'daki `.btn.s-small.sign-in`
   ile aynı reçete). `.btn.s-small.register` zaten global altın (satır 83). */
.entrance-popup-bc .btn.a-color {
    color: #1a1204 !important;
    font-weight: 700;
    background: linear-gradient(180deg, var(--gold-hi, #fbeec2), var(--gold, #e2c065) 45%, var(--gold-deep, #b8892a)) !important;
    box-shadow: 0 2px 12px var(--gold-glow, rgba(226, 192, 101, .16));
}

.entrance-popup-bc .sg-n-forgot-password,
.entrance-popup-bc .live-chat-adviser-bc,
.entrance-popup-bc .checkbox-control-text-privacy {
    color: var(--gold, #e2c065) !important;
}