@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@500;600;700;800&display=swap');

/* bv-jackpot-bg: /assets/images/jackpot-bg.png was cached as 404 at the CDN */
.casino-jackpot-widget.casino-jackpot-widget--widget{background-image:url(/assets/images/jackpot-bg.png?bvjk=2) !important;}

/* bv-promogap: restore the gap under the promotions category bar (was clipped to 66px) */
html[class*=is-mobile] .promotion-page .horizontalList,
html[class*=is-mobile] .horizontalList:has(.promotion-horizontal-sl-list-bc){height:80px !important;max-height:80px !important;}
/* --- systemic slider gap fix --- */
.hm-row-bc.has-slider { grid-auto-rows: auto !important; gap: 0 !important; align-content: start !important; }
.hm-row-bc.has-slider > .hm-row-bc-inner { min-height: 0 !important; }
/* The slider/skeleton can carry an inline aspect-ratio (e.g. 384/97) on
   .slider-bc while the image uses its own ratio -> empty band underneath. */
.hm-row-bc.has-slider .slider-bc { aspect-ratio: auto !important; height: auto !important; }
.hm-row-bc.has-slider .slider-bc > .sdr-item-holder-bc { height: auto !important; }
.hm-row-bc.has-slider .carouselWrapper,
.hm-row-bc.has-slider .carouselWrapper > .swiper,
.hm-row-bc.has-slider .carouselWrapper > .swiper > .swiper-wrapper,
.hm-row-bc.has-slider .carouselWrapper > .swiper > .swiper-wrapper > .swiper-slide {
    height: auto !important;
    min-height: 0 !important;
}
/* Beat the SPA's INLINE aspect-ratio on .sdr-item-holder-bc (only !important
   in a stylesheet can override an inline style). */
.hm-row-bc.has-slider .sdr-item-holder-bc { height: auto !important; aspect-ratio: auto !important; }
.hm-row-bc.has-slider .sdr-item-holder-bc > .sdr-item-bc { height: auto !important; aspect-ratio: auto !important; }
.hm-row-bc.has-slider .sdr-image-bc { height: auto !important; width: 100% !important; object-fit: contain !important; }
/* Normalise the row title block so rows WITH and WITHOUT a title line up
   (base CSS gives .page-view-more a min-height/margin that shifts the row). */
.hm-row-bc > .hm-row-bc-inner > .page-view-more { min-height: 0 !important; margin: 0 0 6px !important; padding: 0 !important; }
.hm-row-bc > .hm-row-bc-inner > .page-view-more .view-title-more { margin: 0 !important; line-height: 1.2 !important; }
/* Hide the BetConstruct deposit/withdraw promotion banner slider (its banners
   are BetConstruct partner content, not site content). */
.dep-w-info-bc .slider-bc { display: none !important; }

/* =====================================================================
   STAKE TARZI TEMA - BetConstruct custom CSS
   Lacivert-gri zemin, duz kartlar, mavi kayit / yesil vurgu, sade tipografi.
   Renkleri degistirmek icin sadece asagidaki :root blogunu duzenle.
   ===================================================================== */
#root, :root, body, html.is-mobile, html.is-mobile body {
  /* palet */
  --stk-bg: 26, 44, 56;          /* #1a2c38 ana zemin */
  --stk-deep: 15, 33, 46;        /* #0f212e header / menu / input */
  --stk-card: 33, 55, 67;        /* #213743 kart / panel */
  --stk-line: 47, 69, 83;        /* #2f4553 kenar / gri buton */
  --stk-line-hover: 85, 112, 134;/* #557086 */
  --stk-text: 255, 255, 255;
  --stk-muted: 177, 186, 211;    /* #b1bad3 ikincil yazi */
  --stk-blue: 222, 207, 145;     /* #decf91 kayit / ana buton (altin) */
  --stk-on-blue: 27, 44, 57;     /* altin zemin uzerinde koyu yazi */
  --stk-blue-hover: 201, 186, 120; /* #c9ba78 */
  --stk-green: 222, 207, 145;    /* #decf91 vurgu / oran (altin; eskiden yesil #00e701) */
  --stk-green-hover: 233, 222, 173;
  --stk-red: 237, 65, 99;        /* #ed4163 */

  /* altyapi degiskenleri */
  --b: var(--stk-bg) !important;
  --b-rgb: var(--stk-bg) !important;
  --b-hover: var(--stk-card) !important;
  --b-sc: var(--stk-text) !important;
  --header: var(--stk-bg) !important;
  --header-hover: var(--stk-line) !important;
  --header-sc: var(--stk-text) !important;
  --menu: var(--stk-deep) !important;
  --menu-hover: var(--stk-line) !important;
  --menu-sc: var(--stk-text) !important;
  --tab-navigation: var(--stk-deep) !important;
  --tab-navigation-hover: var(--stk-line) !important;
  --tab-navigation-sc: var(--stk-text) !important;
  --hero: var(--stk-blue) !important;
  --hero-hover: var(--stk-blue-hover) !important;
  --hero-sc: var(--stk-on-blue) !important;
  --accent: var(--stk-green) !important;
  --accent-hover: var(--stk-green-hover) !important;
  --accent-sc: 5, 8, 10 !important;
  --oc-1: var(--stk-blue) !important;
  --oc-1-hover: var(--stk-blue-hover) !important;
  --oc-1-sc: var(--stk-on-blue) !important;
  --oc-2: var(--stk-green) !important;
  --oc-2-hover: var(--stk-green-hover) !important;
  --oc-2-sc: 5, 8, 10 !important;
  --oc-3: var(--stk-red) !important;
  --oc-3-sc: var(--stk-text) !important;
  --brand: var(--stk-green) !important;
  --brand-hover: var(--stk-green-hover) !important;
  --brand-sc: 5, 8, 10 !important;
  --secondary: var(--stk-line) !important;
  --secondary-hover: var(--stk-line-hover) !important;
  --secondary-sc: var(--stk-text) !important;
  --odd-up: var(--stk-green) !important;
  --odd-up-sc: 5, 8, 10 !important;
  --odd-down: var(--stk-red) !important;
  --odd-down-sc: var(--stk-text) !important;
  --success: var(--stk-green) !important;
  --success-sc: 5, 8, 10 !important;
  --error: var(--stk-red) !important;
  --info: var(--stk-blue) !important;
  --warning: 255, 176, 32 !important;
  --border-radius: 4px !important;
  --border-radius-middle: 8px !important;
  --border-radius-big: 12px !important;
  --font-family: 'Figtree', 'Proxima Nova', Arial, sans-serif !important;
}

/* ---------- genel ---------- */
html, body, #root, .layout-bc, .layout-content-holder-bc {
  background: rgb(var(--stk-bg)) !important;
  font-family: var(--font-family) !important;
}
body, button, input, select, textarea { font-family: var(--font-family) !important; }
body { -webkit-font-smoothing: antialiased; }
::selection { background: rgba(var(--stk-blue), .45); }
* { scrollbar-color: rgb(var(--stk-line)) transparent; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: rgb(var(--stk-line)); border-radius: 3px; }
::-webkit-scrollbar-track { background: transparent; }

/* ---------- header ---------- */
.layout-header-holder-bc, .header-bc, .hdr-main-content-bc {
  background: rgb(var(--stk-bg)) !important;
  border: 0 !important;
}
.layout-header-holder-bc { box-shadow: 0 4px 6px -1px rgba(0,0,0,.2), 0 2px 4px -1px rgba(0,0,0,.12) !important; }
.hdr-user-bc { gap: 8px; }

/* header ust butonlar (Ortaklik, Para Yatir, ...) */
.hdr-user-bc .header-custom-buttons > .btn, .hdr-user-bc .header-custom-buttons > a.btn.a-color, .header-custom-buttons > a {
  background: rgb(var(--stk-deep)) !important;
  color: rgb(var(--stk-text)) !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  text-transform: none !important;
  transition: background .2s;
}
.hdr-user-bc .header-custom-buttons > .btn:hover, .hdr-user-bc .header-custom-buttons > a.btn.a-color:hover { background: rgb(var(--stk-line)) !important; }
.header-custom-buttons > .btn::before { color: rgb(var(--stk-muted)) !important; }

/* Giris = gri, Kayit = mavi */
.hdr-user-bc .sign-in, .hdr-user-bc .btn.sign-in {
  background: rgb(var(--stk-line)) !important;
  color: #fff !important;
  border: 0 !important; border-radius: 4px !important;
  font-weight: 700 !important; text-transform: none !important; text-decoration: none !important;
  padding: 0 16px !important; height: 32px !important; min-height: 0 !important; line-height: 32px !important; font-size: 13px !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,.2) !important;
}
.hdr-user-bc .sign-in:hover { background: rgb(var(--stk-line-hover)) !important; }
.hdr-user-bc .register, .hdr-user-bc .btn.register {
  background: rgb(var(--stk-blue)) !important;
  color: rgb(var(--stk-on-blue)) !important;
  border: 0 !important; border-radius: 4px !important;
  font-weight: 700 !important; text-transform: none !important;
  padding: 0 16px !important; height: 32px !important; min-height: 0 !important; line-height: 32px !important; font-size: 13px !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,.2) !important;
}
.hdr-user-bc .register:hover { background: rgb(var(--stk-blue-hover)) !important; }

/* ---------- ust menu: stake sekme cubugu gibi ---------- */
.nav-menu-container, .nav-content-menu { background: transparent !important; border-radius: 8px !important; box-shadow: none !important; }
.nav-content-bc {
  background: rgb(var(--stk-deep)) !important;
  border-radius: 12px !important;
  padding: 4px !important;
  box-shadow: none !important;
  border: 0 !important;
}
.nav-menu > li > .nav-menu-item, .nav-menu-item {
  color: rgb(var(--stk-text)) !important;
  font-weight: 700 !important;
  text-transform: none !important;
  border-radius: 8px !important;
  padding: 0 14px !important;
  transition: background .2s;
}
.nav-menu-item:hover, .nav-menu-item.active, .nav-menu > li.active > .nav-menu-item {
  background: rgb(var(--stk-line)) !important;
  color: #fff !important;
}
.nav-menu-item [class*="bc-i-"], .nav-menu-item i { color: rgb(var(--stk-muted)) !important; }
.nav-menu-item:hover [class*="bc-i-"], .nav-menu-item.active [class*="bc-i-"] { color: #fff !important; }
.nav-menu-sub { background: rgb(var(--stk-deep)) !important; border: 1px solid rgb(var(--stk-line)) !important; border-radius: 8px !important; box-shadow: 0 10px 25px rgba(0,0,0,.35) !important; }
.nav-menu-sub .nav-menu-item { border-radius: 4px !important; }

/* ---------- sag akilli panel ---------- */
.smartPanel-bc, .hdr-smart-panel-holder-bc, .sp-button-bc {
  background: rgb(var(--stk-deep)) !important;
  border: 0 !important;
}
.sp-button-bc { border-radius: 4px !important; color: rgb(var(--stk-muted)) !important; }
.sp-button-bc:hover { background: rgb(var(--stk-line)) !important; color: #fff !important; }

/* ---------- slider / bannerlar ---------- */
.slider-bc, .sdr-item-bc, .sdr-image-bc, .sliderSingleEl, .product-banner-bc, .product-banner-img-bc {
  border-radius: 8px !important;
  overflow: hidden;
}
.product-banner-bc { background: rgb(var(--stk-card)) !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,.2) !important; transition: transform .2s; }
.product-banner-bc:hover { transform: translateY(-3px); }

/* ---------- anasayfa satir basliklari ---------- */
.page-view-more .view-title-more, .casinoTopWinnersWidgetTitle, .sliderTitle {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.page-view-more .view-see-more, .page-view-more a {
  color: rgb(var(--stk-muted)) !important;
  font-weight: 600 !important;
  background: transparent !important;
}
.page-view-more .view-see-more:hover { color: #fff !important; }

/* ---------- casino oyun kartlari ---------- */
.casinoGameItem, .casinoGameItemContent, .casinoGameImageV2Holder, .casinoGameImageV2 {
  border-radius: 8px !important;
}
.casinoGameItem {
  background: transparent !important;
  overflow: hidden;
  transition: transform .25s cubic-bezier(.2,.7,.3,1) !important;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,.2) !important;
}
.casinoGameItem:hover { transform: translateY(-6px); }
.casinoGameImageV2Holder { background: rgb(var(--stk-card)) !important; }

/* bolum basliklari (Casino Oyunlari, Canli Casino ...) */
.sectionTitle .sectionTitleText, .sectionTitleTextHeading, .ds-title {
  color: #fff !important; font-weight: 700 !important; font-size: 18px !important; letter-spacing: 0 !important; text-transform: none !important;
}
.sectionTitle .ds-link, .sectionTitle a { color: rgb(var(--stk-muted)) !important; font-weight: 600 !important; }
.sectionTitle .ds-link:hover { color: #fff !important; }

/* cip / sekme (Canli, Gunluk, Haftalik ...) */
.ds-chip { background: transparent !important; color: rgb(var(--stk-muted)) !important; border: 0 !important; font-weight: 700 !important; }
.ds-chip:hover { background: rgba(var(--stk-line), .6) !important; color: #fff !important; }
.ds-chip.ds-chip--selected { background: rgb(var(--stk-line)) !important; color: #fff !important; }
.ds-chip, .ds-chip.ds-chip--selected { box-shadow: none !important; outline: 0 !important; }
.ds-chip .chip__label { color: inherit !important; font-weight: 700 !important; text-transform: none !important; }

/* yeni tasarim sistemi butonlari */
.ds-btn.ds-btn-variant--primary { background: rgb(var(--stk-blue)) !important; color: rgb(var(--stk-on-blue)) !important; border: 0 !important; font-weight: 700 !important; }
.ds-btn.ds-btn-variant--primary:hover { background: rgb(var(--stk-blue-hover)) !important; }
.ds-btn.ds-btn-variant--transparent { color: rgb(var(--stk-muted)) !important; }
.ds-btn.ds-btn-variant--transparent:hover { background: rgb(var(--stk-line)) !important; color: #fff !important; }

/* top winners */
.casinoTopWinnersWidget { background: transparent !important; }
.casinoTopWinnersPeriodsSection { background: rgb(var(--stk-deep)) !important; border-radius: 999px !important; padding: 4px !important; }

/* ---------- formlar / inputlar ---------- */
.form-control-bc, .form-control-input-bc, .form-control-select-bc, input.form-control-input-bc,
.form-control-input-stroke-bc, .form-control-bc input, .form-control-bc select {
  background: rgb(var(--stk-deep)) !important;
  border-color: rgb(var(--stk-line)) !important;
  color: #fff !important;
  border-radius: 4px !important;
}
.form-control-bc:hover .form-control-input-stroke-bc,
.form-control-bc.focused .form-control-input-stroke-bc { border-color: rgb(var(--stk-line-hover)) !important; }
.form-control-label-bc { color: rgb(var(--stk-muted)) !important; }

/* genel butonlar */
.btn.a-color, .btn.a-color-2, button.a-color, .btn[class*="a-color"] {
  background: rgb(var(--stk-blue)) !important; color: rgb(var(--stk-on-blue)) !important; border-radius: 4px !important;
  font-weight: 700 !important; text-transform: none !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,.2) !important; border: 0 !important;
}
.btn.a-color:hover, .btn[class*="a-color"]:hover { background: rgb(var(--stk-blue-hover)) !important; }
.btn.s-small, .btn.default, .btn.g-color { border-radius: 4px !important; }

/* ---------- popup / modal ---------- */
.popup-inner-bc, .popup-middleware-bc .popup-inner-bc {
  background: rgb(var(--stk-bg)) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.5) !important;
  border: 0 !important;
}
.popup-holder-bc { background: rgba(10, 20, 28, .75) !important; }
.e-p-close-icon-bc { color: rgb(var(--stk-muted)) !important; }

/* ---------- spor: oran butonlari ---------- */
.market-bc, .sgm-market-g-i-cell-bc, .market-odd-bc, [class*="market-coefficient"] { border-radius: 4px !important; }
.market-bc, .sgm-market-g-i-cell-bc {
  background: rgb(var(--stk-line)) !important;
  color: #fff !important;
  transition: background .15s;
}
.market-bc:hover, .sgm-market-g-i-cell-bc:hover { background: rgb(var(--stk-line-hover)) !important; }
.market-bc.active, .sgm-market-g-i-cell-bc.active { background: rgb(var(--stk-blue)) !important; }
.market-bc.active *, .sgm-market-g-i-cell-bc.active * { color: rgb(var(--stk-on-blue)) !important; }
.btn.a-color *, .ds-btn.ds-btn-variant--primary *, .hdr-user-bc .register * { color: rgb(var(--stk-on-blue)) !important; }
.header-custom-buttons .btn.a-color, .header-custom-buttons .btn.a-color * { color: #fff !important; }
.marketEventNew.active { background: rgb(var(--stk-blue)) !important; }
.marketEventNew.active, .marketEventNew.active * { color: rgb(var(--stk-on-blue)) !important; }
.marketEventNew.active:hover { background: rgb(var(--stk-blue-hover)) !important; }
.market-odd-bc { color: #fff !important; font-weight: 700 !important; }
.c-segment-holder-bc, .sport-type-item-bc, .sp-sub-list-bc, .sp-s-l-head-bc {
  background: rgb(var(--stk-card)) !important;
}

/* ---------- betslip ---------- */
.layout-betslip-holder-bc, .layout-betslip-holder-bc > *, .sportsbook .layout-betslip-holder-bc { background: transparent !important; }
.betslip-bc, .bs-f-header-bc { background: rgb(var(--stk-card)) !important; border-radius: 8px !important; }

/* ---------- footer ---------- */
.layout-footer-holder-bc, .footerWrapper, .footerContainerWrapper, .footerContainer {
  background: rgb(var(--stk-deep)) !important;
  border: 0 !important;
}
.footerLinkColTitle { color: #fff !important; font-weight: 700 !important; text-transform: none !important; }
.footerLinkColText, .footerLinkColEl, .footerLinkColEl a { color: rgb(var(--stk-muted)) !important; font-weight: 500 !important; }
.footerLinkColEl a:hover, .footerLinkColEl:hover { color: #fff !important; }
.footerCopyrights, .ftr-copy-rights-bc, .footerWarning { color: rgb(var(--stk-line-hover)) !important; }
.footerSocialLink { background: rgb(var(--stk-card)) !important; border-radius: 50% !important; color: rgb(var(--stk-muted)) !important; }
.footerSocialLink:hover { background: rgb(var(--stk-line)) !important; color: #fff !important; }

/* ---------- checkbox ---------- */
.checkbox-control-icon-bc { border-radius: 4px !important; border-color: rgb(var(--stk-line)) !important; background: rgb(var(--stk-deep)) !important; }
.checkbox-control-input-bc:checked + .checkbox-control-icon-bc { background: rgb(var(--stk-blue)) !important; border-color: rgb(var(--stk-blue)) !important; }


/* ---------- dil secici + saat (header & footer) ---------- */
.header-bc .form-control-bc.select,
.footerInfoColumn .form-control-bc.select {
  background: transparent !important;
  border: 0 !important;
  align-self: center !important;
  height: auto !important;
}
.header-bc .form-control-bc.select .form-control-label-bc,
.footerInfoColumn .form-control-bc.select .form-control-label-bc {
  background: rgb(var(--stk-deep)) !important;
  border: 0 !important;
  border-radius: 4px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px;
  color: #fff !important;
  font-weight: 700 !important;
  transition: background .2s;
}
.header-bc .form-control-bc.select:hover .form-control-label-bc,
.footerInfoColumn .form-control-bc.select:hover .form-control-label-bc { background: rgb(var(--stk-line)) !important; }
.header-bc .form-control-bc.select .form-control-input-stroke-bc,
.footerInfoColumn .form-control-bc.select .form-control-input-stroke-bc { border: 0 !important; background: transparent !important; }
.header-bc .infoTime, .header-bc time, .footerInfoColumn .infoTime {
  background: rgb(var(--stk-deep)) !important; color: rgb(var(--stk-muted)) !important;
  border: 0 !important; border-radius: 4px !important; font-weight: 600 !important;
}
/* acilan secim listesi */
.multi-select-dropdown-bc, .form-control-bc.select [class*="dropdown"], .select-options-bc, .form-control-bc.select ul {
  background: rgb(var(--stk-deep)) !important; border: 1px solid rgb(var(--stk-line)) !important;
  border-radius: 8px !important; box-shadow: 0 10px 25px rgba(0,0,0,.35) !important; color: #fff !important;
}

/* ---------- footer ---------- */
.footerInfoColumn { gap: 8px; align-items: center; }
.footerSocialLink i[class*="bc-i-bc-i-X"]::before, .footerSocialLink i.bc-i-X::before { content: "\1D54F"; font-family: Arial, sans-serif; font-weight: 700; font-size: 15px; }

/* ---------- anasayfa: bos satirlar bosluk birakmasin ---------- */
.hm-row-bc:has(> .hm-row-bc-inner > .product-banner-container-bc:empty),
.hm-row-bc:has(> .hm-row-bc-inner:empty) { display: none !important; }

/* =====================================================================
   SOL MENU (Stake tarzi) - Panel > Design > Gorunum > "Sol menu" acik olmali.
   Acik/kapali davranisini altyapi (bv-ui.js) yonetir; burasi sadece gorunum.
   ===================================================================== */
html.is-web .layout-bc.hasLeftMenu .nav-content-bc { display: none !important; }
html.is-web .layout-bc.hasLeftMenu .asideMenu {
  background: rgb(var(--stk-deep)) !important;
  border: 0 !important;
  box-shadow: 0 0 12px rgba(0,0,0,.25) !important;
}
html.is-web .layout-bc.hasLeftMenu .asideMenuCompact { background: rgb(var(--stk-deep)) !important; gap: 6px !important; }
/* acik menu: kart */
html.is-web .layout-bc.hasLeftMenu .asideMenuOpen {
  width: 216px !important;
  margin: 12px !important;
  padding: 6px !important;
  gap: 2px !important;
  height: auto !important;
  max-height: calc(100vh - 92px) !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  background: rgb(var(--stk-bg)) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,.2) !important;
}
html.is-web .layout-bc.hasLeftMenu .asideMenuOpen::-webkit-scrollbar { display: none !important; }
html.is-web .layout-bc.hasLeftMenu .asideMenuNavItem,
html.is-web .layout-bc.hasLeftMenu .asideMenuNavItem.active {
  background: transparent !important; border: 0 !important; border-radius: 6px !important; box-shadow: none !important; margin: 0 !important;
}
html.is-web .layout-bc.hasLeftMenu .asideMenuNavGradient { display: none !important; }
html.is-web .layout-bc.hasLeftMenu .asideMenuNavLink { background: transparent !important; border-radius: 6px !important; }
/* ana satir */
html.is-web .layout-bc.hasLeftMenu .asideMenuOpenNav {
  height: 40px !important; padding: 0 8px !important; gap: 10px !important;
  color: #fff !important; background: transparent !important; border-radius: 6px !important; font-size: 16px !important;
  transition: background .15s !important;
  width: 100% !important; box-sizing: border-box !important;
}
html.is-web .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavLink,
html.is-web .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem { width: 100% !important; }
html.is-web .layout-bc.hasLeftMenu .asideMenuOpenNavTitle { flex: 1 1 auto !important; min-width: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html.is-web .layout-bc.hasLeftMenu .asideMenuCompactNav { color: #fff !important; background: transparent !important; border-radius: 6px !important; }
html.is-web .layout-bc.hasLeftMenu .asideMenuNavItem:hover > .asideMenuNavLink .asideMenuOpenNav,
html.is-web .layout-bc.hasLeftMenu .asideMenuNavItem:hover > .asideMenuNavLink .asideMenuCompactNav,
html.is-web .layout-bc.hasLeftMenu .asideMenuNavItem.active > .asideMenuNavLink .asideMenuCompactNav,
html.is-web .layout-bc.hasLeftMenu .asideMenuNavItem.expanded > .asideMenuNavLink .asideMenuOpenNav {
  background: rgb(var(--stk-card)) !important;
}
html.is-web .layout-bc.hasLeftMenu .asideMenuOpenNavTitle {
  color: #fff !important; font-size: 14px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important;
}
html.is-web .layout-bc.hasLeftMenu .asideMenuNavItemIconWrapper { color: #fff !important; opacity: .9; }
html.is-web .layout-bc.hasLeftMenu .asideMenuOpenArrowDown,
html.is-web .layout-bc.hasLeftMenu .asideMenuArrowRight { color: rgb(var(--stk-muted)) !important; font-size: 10px !important; }
html.is-web .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuOpenArrowDown { flex: 0 0 28px !important; width: 28px !important; padding: 12px 6px !important; text-align: center !important; }
html.is-web .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItemIconWrapper { flex: 0 0 26px !important; width: 26px !important; }
/* alt menu */
html.is-web .layout-bc.hasLeftMenu .asideSubMenu { background: transparent !important; padding: 2px 0 4px 0 !important; }
html.is-web .layout-bc.hasLeftMenu .asideSubMenu .asideMenuNavLink {
  display: flex !important; align-items: center !important; height: 36px !important;
  background: transparent !important; border-radius: 6px !important; transition: background .15s !important;
}
html.is-web .layout-bc.hasLeftMenu .asideSubMenu .asideMenuNavItem:hover > .asideMenuNavLink,
html.is-web .layout-bc.hasLeftMenu .asideSubMenu .asideMenuNavItem.active > .asideMenuNavLink { background: rgb(var(--stk-card)) !important; }
html.is-web .layout-bc.hasLeftMenu .asideSubMenuNavTitle {
  padding: 0 8px 0 34px !important; color: rgb(var(--stk-muted)) !important; font-size: 14px !important; font-weight: 600 !important; text-transform: none !important;
}
html.is-web .layout-bc.hasLeftMenu .asideSubMenu .asideMenuNavItem:hover .asideSubMenuNavTitle,
html.is-web .layout-bc.hasLeftMenu .asideSubMenu .asideMenuNavItem.active .asideSubMenuNavTitle { color: #fff !important; }
/* rozetler */
html.is-web .layout-bc.hasLeftMenu .asideMenuNavLink[class*="badge-"]::before,
html.is-web .layout-bc.hasLeftMenu .asideMenuNavLink[class*="badge-"]::after { border-radius: 4px !important; font-weight: 700 !important; }
/* ac/kapa butonu */
.asideMenuBurger { color: #fff !important; }
.asideMenuBurger::before { border-radius: 6px !important; }
.asideMenuBurger:hover::before { background: rgb(var(--stk-card)) !important; border-color: transparent !important; }

/* =====================================================================
   SPOR (yeni gorunum): oranlar beyaz, BB ikonu gorunur
   ===================================================================== */
.marketEventNewOdd, [class*="marketEventNewOdd"], .market-odd-bc, .sp-new-marketEvent__odd, [class*="MarketEventOdd"] { color: #fff !important; }
.sp-new-marketGroup__header__left .CMSIconSVGWrapper, .sp-new-marketGroup__header .CMSIconSVGWrapper { color: rgba(255,255,255,.9) !important; }

/* ---------- sag kolon / bahis kuponu (stake tarzi kart) ---------- */
.betslip-bc.Fixed, .betslip-bc.full { background: transparent !important; padding: 0 !important; }
.betslip-bc.Fixed > div, .betslip-bc.full > div { padding: 0 !important; display: flex; flex-direction: column; gap: 12px; }
.betslip-bc .favouriteTeamsWidget { margin: 0 !important; border-radius: 8px !important; background: rgb(var(--stk-card)) !important; padding: 14px !important; }
.betslip-bc .favouriteTeamsWidgetHeader { margin: 0 0 10px !important; }
.betslip-bc .addYourFavouritesBtn { border-radius: 6px !important; background: rgb(var(--stk-line)) !important; height: 38px !important; }
.betslip-bc .addYourFavouritesBtn:hover { background: rgb(var(--stk-line-hover)) !important; }
.betslip-bc .banner-a-lot:empty { display: none !important; }
.betslip-full-content-bc { border-radius: 8px !important; overflow: hidden; background: rgb(var(--stk-card)) !important; }
.bs-f-header-bc { background: transparent !important; padding: 12px 12px 0 !important; display: flex; flex-direction: column; gap: 10px; }
/* sekmeler: segment kontrol */
.bs-f-header-bc .second-tabs-bc { margin: 0 !important; padding: 4px !important; gap: 4px; display: flex !important; background: rgb(var(--stk-deep)) !important; border-radius: 8px !important; }
.bs-f-header-bc .second-tabs-bc .tab-bc { flex: 1 1 0 !important; height: 34px !important; min-width: 0; padding: 0 8px !important; display: flex !important; align-items: center; justify-content: center; gap: 6px;
  border-radius: 6px !important; background: transparent !important; color: rgb(var(--stk-muted)) !important; border: 0 !important; box-shadow: none !important; font-weight: 700 !important; font-size: 12px !important; transition: background .15s, color .15s; }
.bs-f-header-bc .second-tabs-bc .tab-bc::before, .bs-f-header-bc .second-tabs-bc .tab-bc::after { display: none !important; }
.bs-f-header-bc .second-tabs-bc .tab-bc:hover { background: rgb(var(--stk-line)) !important; color: #fff !important; }
.bs-f-header-bc .second-tabs-bc .tab-bc.active, .bs-f-header-bc .second-tabs-bc .tab-bc.active:hover { background: rgb(var(--stk-blue)) !important; color: rgb(var(--stk-on-blue)) !important; }
.bs-f-header-bc .second-tabs-bc .tab-bc.active * { color: rgb(var(--stk-on-blue)) !important; }
.bs-f-header-bc .second-tabs-bc .tab-bc [class*="bc-i-"], .bs-f-header-bc .second-tabs-bc .tab-bc i { font-size: 16px !important; line-height: 1 !important; }
.bs-f-header-bc .second-tabs-bc .tab-bc span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* "Her zaman sor" satiri */
.bs-f-header-bc .settings-r-b-row-bc { background: transparent !important; padding: 0 !important; margin: 0 !important; display: flex; gap: 8px; align-items: center; }
.bs-f-header-bc .settings-r-b-row-bc .form-control-bc.select { flex: 1 1 auto; width: 100% !important; max-width: none !important; background: transparent !important; }
.bs-f-header-bc .settings-r-b-row-bc .form-control-select-bc { height: 36px !important; border-radius: 6px !important; background: rgb(var(--stk-deep)) !important; border: 1px solid rgb(var(--stk-line)) !important; color: #fff !important; font-size: 13px !important; font-weight: 600 !important; }
.bs-f-header-bc .settings-r-b-row-bc .form-control-select-bc:hover { border-color: rgb(var(--stk-line-hover)) !important; }
.bs-f-header-bc .settings-r-b-row-bc .form-control-input-stroke-bc { display: none !important; }
.bs-f-header-bc .settings-r-b-row-bc .select-icon-bc, .bs-f-header-bc .settings-r-b-row-bc .form-control-icon-bc { color: rgb(var(--stk-muted)) !important; }
.bs-f-header-sub-navigation-bc:empty { display: none !important; }
/* govde */
.betslip-full-content-bc .bs-f-body-bc { background: transparent !important; }
.betslip-full-content-bc .betslipQuickBetContent { padding: 28px 20px 24px !important; margin: 0 !important; gap: 10px; color: rgb(var(--stk-muted)) !important; }
.betslip-full-content-bc .betslipQuickBetContent span:first-of-type { color: #fff !important; font-weight: 700 !important; font-size: 14px !important; }
.betslip-full-content-bc .betslipQuickBetEmpty { opacity: .55; }
/* alt kisim: quickbet + uyari + bahis yap */
.betslip-full-content-bc .bs-f-footer { background: transparent !important; padding: 0 12px 12px !important; display: flex; flex-direction: column; gap: 8px; }
.betslip-full-content-bc .bet-slip-switcher-wrapper-bc { padding: 0 !important; background: transparent !important; }
.betslip-full-content-bc .bet-slip-switcher-row-bc { min-height: 42px; padding: 0 12px !important; display: flex; align-items: center; border-radius: 6px !important; background: rgb(var(--stk-deep)) !important; border: 1px solid rgb(var(--stk-line)) !important; }
.betslip-full-content-bc .bet-slip-switcher-row-inner-bc { width: 100%; align-items: center; }
.betslip-full-content-bc .bs-info-massages { margin: 0 !important; }
.betslip-full-content-bc .betslip-warning-message { border-radius: 6px !important; padding: 9px 12px !important; }
.betslip-full-content-bc .bet-button-wrapper-bc { margin: 0 !important; padding: 0 !important; background: transparent !important; }
.betslip-full-content-bc .bet-button-wrapper-bc .btn { height: 44px !important; border-radius: 6px !important; font-size: 14px !important; width: 100% !important; }
.betslip-full-content-bc .bet-button-wrapper-bc .btn[disabled] { opacity: .7 !important; }

/* mobil anasayfa kenar boslugu */
@media (max-width: 1024px) {
  .layout-bc.is-home-page .layout-content-holder-bc { padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; }
}

/* altin zeminli header ikonlari koyu */
.hdr-user-bc .user-nav-icon, .hdr-user-bc .user-nav-icon:before, .hdr-user-bc .user-nav-icon * { color: rgb(var(--stk-on-blue)) !important; }

/* sayfa kok arkaplani + kaydirma cubugu (theme.css html{#121212 !important} ezilir) */
html:root, html.is-web, html.is-mobile { background-color: rgb(var(--stk-bg)) !important; color-scheme: dark; }
html:root { scrollbar-color: rgb(var(--stk-line)) rgb(var(--stk-bg)); }
html.is-web ::-webkit-scrollbar-track { background: transparent !important; }

/* footer ust boslugu */
.layout-footer-holder-bc { margin-top: 40px !important; }
@media (max-width: 1024px) { .layout-footer-holder-bc { margin-top: 24px !important; } }

/* ---------- odds / amounts: no green (2026-11-07) ---------- */
.bs-bet-i-b-coefficient-bc.c-2, .BBEventHeaderPriceBlock, .multipleSystemTotalsValue { color: #CABA78 !important; }
.bs-bet-i-b-amount-bc { color: #fff !important; }
.tournamentsWidgetPrice { color: #CABA78 !important; text-shadow: none !important; }
.tournamentsWidgetLive.badge, .tournamentsWidgetLive .badge, .tournamentsWidgetLive [class*="badge--"] { background: #CABA78 !important; color: #1B2C39 !important; }
.tournamentsWidgetLive .badge *, .tournamentsWidgetLive.badge * { color: #1B2C39 !important; }
.tournamentSectionMoney, .tournamentSectionDate .dataStatusTxt { color: #CABA78 !important; text-shadow: none !important; }
p.casinoTournamentSectionElStatusBc[data-status], p.casinoTournamentSectionElStatusBc[data-status] * { color: #fff !important; }
/* live wins widget (2026-11-07) */
.casino-live-wins-row__loyaltyImg { display: none !important; }
.casino-live-wins-row__payout:not(.casino-live-wins-row__payout--muted), .casino-live-wins-row__metrics-payout:not(.casino-live-wins-row__metrics-payout--muted) { color: #CABA78 !important; }
.casino-live-wins [style*="--oc-2"], .casino-live-wins [style*="--success"] { background: rgba(202, 186, 120, .14) !important; color: #CABA78 !important; }
.casino-live-wins [style*="--oc-2"] *, .casino-live-wins [style*="--success"] * { color: #CABA78 !important; }

/* ---------- centred content on wide screens, like stake.com (2026-11-07) ---------- */
html.is-web .layout-bc:not(.sportsbook) .layout-content-holder-bc,
html.is-web .layout-bc:not(.sportsbook) .layout-footer-holder-bc {
  padding-left: max(10px, calc((100% - 1400px) / 2)) !important;
  padding-right: max(10px, calc((100% - 1400px) / 2)) !important;
  box-sizing: border-box !important;
}

/* ---------- home cards: title top-left on mobile, square buttons; square social icons (2026-11-07) ---------- */
@media (max-width: 760px) {
  .bv-hc-card.has-bg .bv-hc-top { justify-content: flex-start !important; }
  .bv-hc-card.has-bg .bv-hc-top:before { background: linear-gradient(180deg, rgba(13,31,43,.95) 0%, rgba(13,31,43,.6) 42%, rgba(13,31,43,0) 78%) !important; }
}
.bv-hc-go { border-radius: 0 !important; }
.footerSocialLinks .footerSocialLink, .footerSocialLink a { border-radius: 0 !important; }

/* ---------- JetonBet reel loader: sized per loader size, always centred (2026-11-07) ---------- */
.bc-loader-contain { display: flex !important; align-items: center !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important; }
.bc-loader-contain img { display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; }
.bc-loader-contain, .bc-loader.medium .bc-loader-contain, .bc-loader-contain.medium { width: min(180px, 50vw) !important; height: 68px !important; }
.bc-loader.big .bc-loader-contain, .bc-loader-contain.big { width: min(240px, 62vw) !important; height: 120px !important; }
/* small (buttons / widgets): the wordmark does not fit -> slim gold ring */
.bc-loader.small .bc-loader-contain, .bc-loader-contain.small { width: 24px !important; height: 24px !important; }
.bc-loader.small .bc-loader-contain img, .bc-loader-contain.small img { display: none !important; }
.bc-loader.small .bc-loader-contain:before, .bc-loader-contain.small:before { content: "" !important; display: block !important; position: absolute; top: 50%; left: 50%; width: 16px !important; height: 16px !important; margin: -8px 0 0 -8px; transform: none !important; border: 2px solid rgba(255,255,255,.1) !important; border-top-color: #CABA78 !important; border-radius: 50% !important; animation: bvLdSpin .8s linear infinite !important; }
@keyframes bvLdSpin { to { transform: rotate(360deg); } }

/* ---------- betslip tabs + sub navigation (v19) ---------- */
/* BC hides the tab label (it shows an icon font ::before, which we hide) -> empty tabs. Show the text. */
.bs-f-header-bc .second-tabs-bc .tab-bc span { display: block !important; min-width: 0; max-width: 100%; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: 0; line-height: 1.2 !important; text-transform: uppercase; }
.bs-f-header-bc, .bs-f-header-bc > * { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; }
.bs-f-header-bc .second-tabs-bc { width: 100% !important; box-sizing: border-box; overflow: hidden; }
.bs-f-header-bc .second-tabs-bc .tab-bc { min-width: 0 !important; max-width: none !important; width: auto !important; overflow: hidden; }
.bs-f-header-bc .second-tabs-bc .tab-bc { color: rgb(var(--stk-muted)) !important; border-radius: 6px !important; border: 0 !important; transition: background .15s, color .15s; }
.bs-f-header-bc .second-tabs-bc .tab-bc:has(> span) { padding: 0 6px !important; }
/* "Tekli / Kombine" select + "Tümünü Kaldır" row */
.bs-f-header-sub-navigation-bc { background: transparent !important; display: flex !important; align-items: center !important; justify-content: space-between; gap: 10px; margin: 0 !important; padding: 12px 14px 12px 12px !important; width: 100%; box-sizing: border-box; }
.bs-f-header-sub-navigation-bc .form-control-bc.select { flex: 0 1 140px !important; width: auto !important; max-width: 60% !important; min-width: 0; margin: 0 !important; background: transparent !important; }
.bs-f-header-sub-navigation-bc .form-control-select-bc { height: 34px !important; padding: 0 30px 0 12px !important; display: flex !important; align-items: center; border-radius: 6px !important; background: rgb(var(--stk-deep)) !important; border: 1px solid rgb(var(--stk-line)) !important; color: #fff !important; font-size: 13px !important; font-weight: 600 !important; box-shadow: none !important; }
.bs-f-header-sub-navigation-bc .form-control-select-bc:hover { border-color: rgb(var(--stk-line-hover)) !important; }
.bs-f-header-sub-navigation-bc .form-control-input-stroke-bc { display: none !important; }
.bs-f-header-sub-navigation-bc .bs-remove-all-bc { flex: none; margin: 0 !important; padding: 0 !important; }
.bs-f-header-sub-navigation-bc .betslip-remove-all { font-size: 12.5px !important; color: rgb(var(--stk-muted)) !important; text-decoration: none !important; cursor: pointer; }
.bs-f-header-sub-navigation-bc .betslip-remove-all:hover { color: #fff !important; }
.bs-f-header-sub-navigation-bc .form-control-select-bc { position: relative; }
.bs-f-header-sub-navigation-bc .form-control-select-bc::after { content: ""; position: absolute; right: 12px; top: 50%; width: 6px; height: 6px; margin-top: -5px; border-right: 2px solid rgb(var(--stk-muted)); border-bottom: 2px solid rgb(var(--stk-muted)); transform: rotate(45deg); pointer-events: none; }

/* v20: tabs not clipped, only Bahis Kuponu + Açık Bahisler, sub-nav spacing */
.bs-f-header-bc .second-tabs-bc { height: auto !important; min-height: 42px !important; max-height: none !important; overflow: visible !important; align-items: stretch !important; flex-wrap: nowrap !important; }
.bs-f-header-bc .second-tabs-bc .tab-bc { height: 34px !important; line-height: 34px !important; overflow: visible !important; }
.bs-f-header-bc .second-tabs-bc .tab-bc.multiple { display: none !important; }
.bs-f-header-bc .second-tabs-bc .tab-bc span { font-size: 11.5px !important; letter-spacing: .02em !important; line-height: 34px !important; height: 34px; overflow: hidden !important; }
.bs-f-header-bc .bs-f-header-sub-navigation-bc { padding: 2px 2px 10px 0 !important; }
.bs-f-header-sub-navigation-bc .bs-remove-all-bc { padding-right: 2px !important; }
/* v21: guaranteed space between the Tekli row and the first bet (BC gives the sub-nav a fixed height, eating its padding) */
.bs-f-header-sub-navigation-bc { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }
.bs-f-header-bc { padding-bottom: 12px !important; }
.bs-f-header-bc .bs-f-header-sub-navigation-bc { padding: 2px 2px 0 0 !important; }
.bs-f-header-bc + .bs-f-header-sub-navigation-bc { padding-top: 0 !important; padding-bottom: 16px !important; }
.betslip-full-content-bc .bs-f-body-bc { padding-top: 0 !important; margin-top: 0 !important; }

/* v22: Tekli/Kombine select (one chevron) */
.bs-f-header-sub-navigation-bc .form-control-bc.select { position: relative; z-index: 6; }
.bs-f-header-sub-navigation-bc .form-control-select-bc .form-control-icon-bc, .bs-f-header-sub-navigation-bc .form-control-select-bc [class*="bc-i-small-arrow"] { display: none !important; }

/* v22: mobile header balance ("0 ₺") as a wallet chip instead of bare text */
.hdr-user-bc .user-balance-dropdown > a.nav-menu-item { display: flex !important; align-items: center; }
.hdr-user-bc .user-balance-dropdown .hdr-user-info-content-bc { height: 32px !important; padding: 0 10px !important; display: flex !important; align-items: center; border-radius: 6px !important; background: rgb(var(--stk-deep)) !important; border: 1px solid rgb(var(--stk-line)) !important; }
.hdr-user-bc .user-balance-dropdown .balanceAmount { margin: 0 !important; display: flex !important; align-items: center; gap: 3px; font-size: 13px !important; font-weight: 700 !important; color: #fff !important; line-height: 1 !important; white-space: nowrap; }
.hdr-user-bc .user-balance-dropdown .currencySymbol { font-size: 13px !important; color: rgb(var(--stk-blue)) !important; font-weight: 700 !important; }
.hdr-user-bc .user-balance-dropdown .hdr-user-info-texts-bc { height: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; align-self: center !important; position: static !important; transform: none !important; }
.hdr-user-bc .user-balance-dropdown .balanceAmount { padding: 0 !important; height: auto !important; position: static !important; transform: none !important; }
.hdr-user-bc .user-balance-dropdown .hdr-user-info-content-bc { justify-content: center; flex-direction: row !important; }

/* v23: BC's betslip grid squeezed the Tekli/Kombine row to ~16px once several bets were added. Never let it shrink. */
.bs-f-header-sub-navigation-bc { min-height: min-content !important; flex-shrink: 0 !important; }
.bs-f-header-bc + .bs-f-header-sub-navigation-bc { min-height: 54px !important; padding-top: 4px !important; padding-bottom: 16px !important; }
.betslip-full-content-bc { grid-template-rows: max-content max-content minmax(0, 1fr) max-content !important; }
.betslip-full-content-bc > .bs-f-body-bc { min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgb(var(--stk-line)) transparent; }
.betslip-full-content-bc > .bs-f-body-bc::-webkit-scrollbar { width: 4px; }
.betslip-full-content-bc > .bs-f-body-bc::-webkit-scrollbar-thumb { background: rgb(var(--stk-line)); border-radius: 4px; }

/* v24: Tekli/Kombine dropdown = exact copy of the "Her zaman sor" dropdown */
.bs-f-header-sub-navigation-bc .form-control-select-bc { padding: 4px 30px 4px 12px !important; height: 36px !important; }
.bs-f-header-sub-navigation-bc .form-control-bc.expanded .form-control-select-bc { border-color: rgb(var(--stk-line)) !important; }
.bs-f-header-sub-navigation-bc .form-control-select-bc::after { display: none !important; }
.bs-f-header-sub-navigation-bc .form-control-select-bc .form-control-icon-bc, .bs-f-header-sub-navigation-bc .form-control-select-bc [class*="bc-i-small-arrow"] { display: block !important; font-size: 10px !important; color: rgb(177, 186, 211) !important; }
.bs-f-header-sub-navigation-bc .multi-select-label-bc { position: absolute !important; top: 36px !important; left: 0 !important; right: auto !important; width: 100% !important; min-width: 0 !important; margin: 1px 0 0 !important; padding: 2px !important; display: block !important; background: rgb(26, 44, 56) !important; border: 0 !important; border-radius: 4px !important; box-shadow: rgba(0,0,0,.3) 0 0 10px 3px, rgba(255,255,255,.05) 0 0 0 300px inset !important; z-index: 20 !important; }
.bs-f-header-sub-navigation-bc .multi-select-label-bc .checkbox-control-content-bc { height: 28px !important; margin: 2px 0 0 !important; padding: 4px 10px !important; display: flex !important; align-items: center; border-radius: 4px !important; background: rgba(255,255,255,.1) !important; }
.bs-f-header-sub-navigation-bc .multi-select-label-bc .checkbox-control-content-bc:first-child { margin-top: 0 !important; }
.bs-f-header-sub-navigation-bc .multi-select-label-bc .checkbox-control-content-bc.active { background: rgba(255,255,255,.2) !important; }
.bs-f-header-sub-navigation-bc .multi-select-label-bc .checkbox-control-text-bc { font-size: 12px !important; font-weight: 400 !important; color: rgba(255,255,255,.6) !important; }
.bs-f-header-sub-navigation-bc .multi-select-label-bc .checkbox-control-content-bc.active .checkbox-control-text-bc { color: #fff !important; }
.bs-f-header-sub-navigation-bc .form-control-select-bc .form-control-icon-bc { position: absolute !important; right: 12px !important; top: 50% !important; left: auto !important; bottom: auto !important; width: 10px !important; height: 10px !important; margin: -5px 0 0 !important; line-height: 10px !important; display: flex !important; align-items: center; justify-content: center; transform: none !important; }
.bs-f-header-sub-navigation-bc .form-control-select-bc .form-control-icon-bc::before { display: inline-block; transition: transform .15s; }
.bs-f-header-sub-navigation-bc .form-control-bc.expanded .form-control-select-bc .form-control-icon-bc::before { transform: rotate(180deg); }

/* v25: logged-in BC renders a bare "0" text node as first child of .layout-bc ({count && ...}).
   It becomes an extra 10px grid column -> page 400px wide on a 390px phone, horizontal shift + stray "0" top-right.
   Text nodes can't be selected, so zero the font on the container and restore it on every real child. */
.layout-bc { font-size: 0 !important; overflow-x: clip; }
.layout-bc > * { font-size: 16px; }

/* v26: Tekli/Kombine select sits on the same row as "Her zaman sor"; "Tümünü Kaldır" removed */
.bs-f-header-sub-navigation-bc .bs-remove-all-bc { display: none !important; }
.betslip-full-content-bc:has(> .bs-f-header-sub-navigation-bc .form-control-bc) > .bs-f-header-bc .settings-r-b-row-bc { width: calc(100% - 132px) !important; max-width: calc(100% - 132px) !important; }
.betslip-full-content-bc > .bs-f-header-bc + .bs-f-header-sub-navigation-bc { position: relative; z-index: 7; min-height: 0 !important; height: 50px !important; margin: -54px 0 0 !important; padding: 0 12px 14px 0 !important; justify-content: flex-end !important; pointer-events: none; }
.betslip-full-content-bc > .bs-f-header-bc + .bs-f-header-sub-navigation-bc .form-control-bc.select { pointer-events: auto; flex: 0 0 124px !important; width: 124px !important; max-width: 124px !important; }
.betslip-full-content-bc > .bs-f-header-bc + .bs-f-header-sub-navigation-bc:empty { display: none !important; }

/* v27: "Her zaman sor" select — long option text stays on one line with ellipsis */
.settings-r-b-row-bc .form-control-select-bc { height: 36px !important; min-height: 36px !important; max-height: 36px !important; overflow: hidden !important; white-space: nowrap !important; display: flex !important; align-items: center !important; }
.settings-r-b-row-bc .form-control-select-bc > span, .settings-r-b-row-bc .form-control-select-bc .ellipsis { display: block !important; min-width: 0 !important; max-width: 100% !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.2 !important; }
.settings-r-b-row-bc .multi-select-label-bc .checkbox-control-text-bc { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.betslip-full-content-bc:has(> .bs-f-header-sub-navigation-bc .form-control-bc) > .bs-f-header-bc .settings-r-b-row-bc .multi-select-label-bc { width: calc(100% + 132px) !important; max-width: none !important; }

/* v27: no stray spinning loader under the betslip card (CMS row / lazy widgets beside the betslip) */
.betslip-bc .bc-loader-contain:not(.betslip-full-content-bc .bc-loader-contain), .betslip-bc .bc-loader:not(.betslip-full-content-bc .bc-loader) { display: none !important; }

/* v28: bonus/info card at the top of the betslip footer had no space above it (bottom ~10px) — mirror it */
.betslip-full-content-bc .bs-f-footer { padding-top: 8px !important; }


/* Bahis gecmisi: 'Ondalik' etiketi baslik renginde (Olasi kazanc gibi), sadece oran sayisi vurgu renginde */
.bet-history-odds-title, .bet-history-odds-title span { color: rgba(var(--b-sc), .65) !important; }


/* BV-BETSLIP-SPACING: kupon secim kartlari baslik/alt kisimla ayni hizada, esit ic bosluk;
   yuzen kupon penceresinin ustunde saydam serit kalmasin */
.betslip-bc .bs-f-b-content-bc { padding: 0 12px !important; box-sizing: border-box; }
.betslip-bc .bs-bet-item-bc { border-radius: 8px !important; }
.betslip-bc .bs-bet-item-bg-c-bc { padding: 12px !important; }
.betslip-bc .c-segment-holder-bc { background: transparent !important; margin-bottom: 8px !important; }
.betslip-bc.Full > div { background: rgb(var(--stk-card)) !important; border-radius: 12px !important; overflow: hidden !important; }
.betslip-bc.Full .betslip-full-content-bc { padding-right: 0 !important; }
/* profile panel scrollbar: transparent, no white track */
.u-i-profile-page-content,.u-i-profile-page-content *{scrollbar-color:rgba(255,255,255,.2) transparent;}
.u-i-profile-page-content::-webkit-scrollbar,.u-i-profile-page-content *::-webkit-scrollbar{width:6px;height:6px;}
.u-i-profile-page-content::-webkit-scrollbar-track,.u-i-profile-page-content *::-webkit-scrollbar-track,
.u-i-profile-page-content::-webkit-scrollbar-corner,.u-i-profile-page-content *::-webkit-scrollbar-corner{background:transparent!important;}
.u-i-profile-page-content::-webkit-scrollbar-thumb,.u-i-profile-page-content *::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px;}

/* not-verified red glow removed */
.user-not-verified,
.avatarHolderImg.user-not-verified,
.hdr-user-avatar-icon-bc.user-not-verified,
.account-verified-edit-icon.bc-i-not-verified,
.bc-i-not-verified{text-shadow:none!important;box-shadow:none!important;filter:none!important;}
.account-verified-button,.account-verified-button:hover,.account-verified-button:focus,.account-verified-button:active{box-shadow:none!important;}

/* header bonus balance -> white */
.hdr-user-info-content-bc.bonus-available .hdr-user-info-texts-bc.ext-2{color:#fff!important;}

/* promotion card titles hidden (CMS) */
.promotions-article-title{display:none!important;}

/* bv-jackpot-bg: /assets/images/jackpot-bg.png was cached as 404 at the CDN */
.casino-jackpot-widget.casino-jackpot-widget--widget{background-image:url(/assets/images/jackpot-bg.png?bvjk=2) !important;}

/* bv-promogap: restore the gap under the promotions category bar (was clipped to 66px) */
html[class*=is-mobile] .promotion-page .horizontalList,
html[class*=is-mobile] .horizontalList:has(.promotion-horizontal-sl-list-bc){height:80px !important;max-height:80px !important;}

/* --- mobile bottom navigation: native CSS composes rgba(var(--tab-navigation),.9),
   so the variable must be an "R, G, B" triplet. A per-site hex value made it
   invalid and left the bottom nav fully transparent. --- */
:root, html, body, #root.layout-bc, html.is-mobile {
    --tab-navigation: 25, 25, 25 !important;
    --tab-navigation-rgb: 25, 25, 25 !important;
}

/* --- promotion-detail modal (web): keep the reference 2-column grid, but let
   the details box own the scroll inside the flex column (otherwise the modal
   grows/clips instead of scrolling). --- */
#root .popup-inner-bc:has(> .promotion-details-container) {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
#root .popup-inner-bc:has(> .promotion-details-container) > .promotion-details-container {
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* --- mobile header: keep the native compact single row --- */
@media (max-width: 767px) {    /* overlay-sliding pages (profile, promotions, bonus journey, ...): the
       wrapper height is calc(100% - header-height) and the custom CSS
       height:100% chains leave the inner scroller with no real height, so the
       content can't scroll. Give the overlay the full viewport + a working
       vertical scroll area. */
    #root .overlay-sliding-wrapper-bc {
        height: 100dvh !important;
        top: 0 !important;
        bottom: 0 !important;
    }
    #root .overlay-sliding-w-c-content-slider-bc {
        height: 100% !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior: contain !important;
    }

    #root.layout-bc .header-bc .hdr-main-content-bc {
        box-sizing: border-box !important;
        width: 100% !important; height: 49px !important; min-height: 0 !important;
        padding: 0 var(--padding-page-aside) !important;
        margin: 0 !important; flex-wrap: nowrap !important;
        justify-content: flex-start !important; gap: 0 !important;
    }
    #root.layout-bc .header-bc .logo-container {
        flex: 1 1 auto !important; min-width: 0 !important;
        justify-content: flex-start !important; height: auto !important; margin-inline-end: 8px !important;
    }
    #root.layout-bc .header-bc .hdr-logo-bc,
    #root.layout-bc .header-bc .logo {
        width: auto !important; height: 32px !important; max-height: 32px !important; object-fit: contain !important;
    }
    #root.layout-bc .header-bc .hdr-user-bc {
        flex: 0 0 auto !important; min-width: 0 !important;
        flex-wrap: nowrap !important; justify-content: flex-end !important;
        margin: 0 !important; margin-inline-start: auto !important; gap: 6px !important;
    }
    #root.layout-bc .header-bc .hdr-user-bc > * { margin: 0 !important; }

    /* popups / modals (promotions, etc.): always allow the content to scroll
       on mobile — the inner box was overflow:hidden with no scroll area. */
    #root .popup-holder-bc .popup-middleware-bc,
    #root .popup-holder-bc .popup-inner-bc {
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }
    #root .popup-holder-bc .popup-inner-bc > * { max-height: none !important; overflow: visible !important; }

    /* promotion-detail overlay (mobile): the REAL DOM is
       .overlay-sliding-wrapper-bc.promotion-details-popup >
       .overlay-sliding-w-c-content-slider-bc > .promotion-details-container
       The custom CSS keeps a desktop 2-col grid + height:auto inside a flex
       column, so nothing overflows the scroller. Force single column and give
       the slider a real, tappable scroll area. */
    #root .overlay-sliding-wrapper-bc.promotion-details-popup,
    #root .overlay-sliding-wrapper-bc:has(.promotion-details-container) {
        height: 100dvh !important;
        top: 0 !important;
        bottom: auto !important;
        background: rgba(var(--b), 1) !important;
    }
    #root .overlay-sliding-w-c-content-slider-bc:has(.promotion-details-container) {
        height: 100% !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior: contain !important;
    }
    #root .overlay-sliding-w-c-content-slider-bc:has(.promotion-details-container) .promotion-details-container {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        padding: 12px !important;
    }
    #root .overlay-sliding-wrapper-bc .promotion-details-header { position: static !important; }
    #root .overlay-sliding-wrapper-bc .promotion-details-info,
    #root .overlay-sliding-wrapper-bc .promotion-details-info .promotion-details-info {
        height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important;
    }
    #root .overlay-sliding-wrapper-bc .spoiler-content { max-height: none !important; overflow: visible !important; }

    /* Header flows with the page on mobile so the content is never hidden
       behind the fixed header (the fixed box was only 49px tall while its
       children extended to ~129px, leaving the first content rows covered). */
    #root.layout-bc .header-bc {
        position: static !important; top: auto !important; left: auto !important;
        height: auto !important; padding-top: max(8px, env(safe-area-inset-top)) !important;
    }
    #root.layout-bc .layout-header-holder-bc { height: auto !important; min-height: 0 !important; }
    #root.layout-bc .layout-content-holder-bc { padding-top: 0 !important; }

    /* mobile slide-out menu: restore the 2-column card grid (a stray global
       .m-block-nav-items-bc grid rule used to scatter/overlap the items) */
    .m-nav-info-w-container-bc .m-block-nav-items-bc,
    #root .m-nav-info-w-container-bc .m-block-nav-items-bc {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 8px !important;
    }
    .m-nav-info-w-container-bc .m-block-nav-items-bc > .menu-group-title,
    #root .m-nav-info-w-container-bc .m-block-nav-items-bc > .menu-group-title {
        grid-column: 1 / -1 !important;
    }
    .m-nav-info-w-container-bc .app-nav-arrow-block-bc,
    #root .m-nav-info-w-container-bc .app-nav-arrow-block-bc {
        width: auto !important; min-width: 0 !important; margin: 0 !important;
    }
    .m-nav-info-w-container-bc .app-nav-link,
    #root .m-nav-info-w-container-bc .app-nav-link { display: block !important; width: 100% !important; }
    .m-nav-info-w-container-bc .m-nav-items-list-item-bc,
    #root .m-nav-info-w-container-bc .m-nav-items-list-item-bc {
        height: 56px !important; min-height: 0 !important; width: 100% !important;
        flex-direction: row !important; align-items: center !important;
    }
    /* match the reference card look: plain surface (not the per-site red
       radial gradient loaded from custom.css) and tighter height */
    .m-nav-info-w-container-bc .m-nav-items-list-item-bc,
    #root .m-nav-info-w-container-bc .m-nav-items-list-item-bc {
        background: #1b1b1d !important;
        border: 1px solid rgba(255,255,255,.06) !important;
        border-radius: 8px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 0 10px !important;
    }
    .m-nav-info-w-container-bc .m-nav-list-item-title-bc,
    #root .m-nav-info-w-container-bc .m-nav-list-item-title-bc {
        text-transform: none !important; letter-spacing: 0 !important;
    }
    .m-nav-info-w-container-bc .nav-ico-w-row-bc,
    #root .m-nav-info-w-container-bc .nav-ico-w-row-bc {
        width: auto !important; height: auto !important; flex: 0 0 auto !important;
        padding: 0 !important; margin: 0 10px 0 0 !important;
        justify-content: flex-start !important; align-items: center !important; z-index: auto !important;
    }
    .m-nav-info-w-container-bc .nav-ico-w-row-bc svg,
    #root .m-nav-info-w-container-bc .nav-ico-w-row-bc svg { width: 22px !important; height: 22px !important; }
    .m-nav-info-w-container-bc .m-nav-items-list-item-bc .m-nav-list-item-title-bc,
    #root .m-nav-info-w-container-bc .m-nav-items-list-item-bc .m-nav-list-item-title-bc {
        flex: 1 1 auto !important; min-width: 0 !important; width: auto !important;
        writing-mode: horizontal-tb !important; text-align: left !important;
        white-space: normal !important; overflow: hidden !important; text-overflow: ellipsis !important;
    }
}

/* --- footer: let the licence seal render at its real size --- */
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderSingleEl:has(.anj-container) {
    height: auto !important; min-height: 0 !important;
}
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderSingleEl:has(.anj-container) > .sliderImage {
    height: auto !important; min-height: 0 !important;
}
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .FooterLicenceCuracaoContainer,
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .FooterLicenceCuracaoContainer > div,
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .FooterLicenceCuracaoContainer a {
    width: 96px !important; height: 96px !important; max-width: 96px !important; min-width: 96px !important; max-height: none !important;
}