html {
--mobile-header-main-section-height: 49px; --mobile-header-navigation-height: 40px; --mobile-header-full-height: 89px; --dynamic-header: 0px; --window-height: 319px; --hero: #F39200; --brand: #16C72E; --secondary: #06A9AA; --accent: #fff; --oc-1: #fff; --oc-2: #ffbc00; --oc-3: #ff3449; --odd-up: #16C72E; --odd-down: #ff3449; --b: #000000; --header: #000000; --menu: #000000; --tab-navigation: #000000; --hero-hover: #C07300; --hero-sc: #000000; --hero-sc-rgb: 0, 0, 0; --hero-rgb: 243, 146, 0; --brand-hover: #119923; --brand-sc: #000000; --brand-sc-rgb: 0, 0, 0; --brand-rgb: 22, 199, 46; --secondary-hover: #047879; --secondary-sc: #000000; --secondary-sc-rgb: 0, 0, 0; --secondary-rgb: 6, 169, 170; --accent-hover: #E6E6E6; --accent-sc: #000000; --accent-sc-rgb: 0, 0, 0; --accent-rgb: 255, 255, 255; --oc-1-hover: #E6E6E6; --oc-1-sc: #000000; --oc-1-sc-rgb: 0, 0, 0; --oc-1-rgb: 255, 255, 255; --oc-2-hover: #CC9600; --oc-2-sc: #000000; --oc-2-sc-rgb: 0, 0, 0; --oc-2-rgb: 255, 188, 0; --oc-3-hover: #FF6777; --oc-3-sc: #FFFFFF; --oc-3-sc-rgb: 255, 255, 255; --oc-3-rgb: 255, 52, 73; --odd-up-hover: #119923; --odd-up-sc: #000000; --odd-up-sc-rgb: 0, 0, 0; --odd-up-rgb: 22, 199, 46; --odd-down-hover: #FF6777; --odd-down-sc: #FFFFFF; --odd-down-sc-rgb: 255, 255, 255; --odd-down-rgb: 255, 52, 73; --b-hover: #1A1A1A; --b-sc: #FFFFFF; --b-sc-rgb: 255, 255, 255; --b-rgb: 0, 0, 0; --header-hover: #1A1A1A; --header-sc: #FFFFFF; --header-sc-rgb: 255, 255, 255; --header-rgb: 0, 0, 0; --menu-hover: #1A1A1A; --menu-sc: #FFFFFF; --menu-sc-rgb: 255, 255, 255; --menu-rgb: 0, 0, 0; --tab-navigation-hover: #1A1A1A; --tab-navigation-sc: #FFFFFF; --tab-navigation-sc-rgb: 255, 255, 255; --tab-navigation-rgb: 0, 0, 0;
--b-sc-rgb: 78, 60, 58 !important;
--b: #071328 !important;
--hero: #0400ff !important;
--header: #0e172a !important;
--menu: #060481 !important;
--oc-2: #ffff !important;
--hero-hover: #060481 !important;
}

.popup-inner-bc {
    box-shadow: 0px -2px 30px #955f2d !important;
}
.ftr-g-i-b-time-bc{
    color: #ffff!important;
}
.ftr-g-i-title-bc{
    color: #ffff!important;
}
.ftr-g-icon-bc{
    color: #ffff!important;
}
.ftr-g-icon-bc{
    color: #ffff!important;
}
.ftr-g-i-type-icon-bc{
    color: #ffff!important;
}
.bs-bet-i-h-title-bc-text{
    color: #ffff!important;
}
.bs-bet-i-b-title-bc.t-1{
    color: #ffff!important;
}
.bs-bet-i-b-title-bc.t-2{
    color: #ffff!important;
}
.betslip-remove-all{
    color: #ffff!important;
}
.bs-bet-i-b-s-i-bc, .bs-bet-i-b-s-i-bc::placeholder{
    color: #ffff!important;
}
.bs-bet-i-h-c-icon-bc.remove{
    color: #ffff!important;
}
.bs-item-date-v-bc{
    color: #ffff!important;
}
.c-head-bc .c-title-bc {
    color: #ffff!important;
}
.sg-n-text-row-1-bc{
    color: #ffff!important;
}
.form-control-input-bc::placeholder{
    color: #ffff!important;
}
.u-i-p-p-u-i-d-user-id-bc{
    color: #ffff!important;
}
.u-i-p-p-u-i-d-username-bc{
    color: #ffff!important;
}
.user-profile-nav-title{
    color: #ffff!important;
}
.competition-icon-arrow-bc{
	color: #ffff!important;
}
.historyListEl-info, .historyListEl-info-item{
    color: #ffff!important;
}
.historyListEl-date{
    color: #ffff!important;
}
.description-c-r-c-t-column-bc .description-value{
    color: #ffff!important;
}
.description-c-r-c-t-column-bc .description-title{
    color: #ffff!important;
}
.user-profile-nav-icon{
    color: #ffff!important;
}
.form-control-fine-name-bc, .form-control-input-bc, .form-control-label-file-bc, .form-control-select-bc, .form-control-textarea-bc{
    color: #ffff!important;
}
.comp-title-w-bc {
    color: #ffff!important;
}
.form-control-title-bc{
    color: #ffff!important;
}
.checkbox-control-text-bc{
    color: #ffff!important;
}
.sg-n-forgot-password-text{
    color: #ffff!important;
}
.live-chat-adviser-bc{
    color: #ffff!important;
}
.user-profile-nav-item{
    color: #ffff!important;
}
.multi-column-time-icon time{
    color: #ffff!important;
}
.ftr-n-link-bc{
    color: #ffff!important;
}
.e-p-close-icon-bc{
	color: #ffff!important;
}
.ftr-copy-rights-bc{
	color: #ffff!important;
}
.sportsbook .sgm-market-g-head-bc{
	color: #ffff!important;	
}
h4.footer-title{
	color: #0400ff!important;	
}
.multi-column-content>li:last-child{
	color: #ffff!important;	
}
.multi-column-content>li:last-child i{
	color: #ffff!important;	
}
.empty-b-text-v-bc{
	color: #ffff!important;	
}
.sgm-market-g-h-toggle-icon-bc{
	color: #ffff!important;	
}
.settings-r-b-row-bc .select.s-small.has-icon .form-control-select-bc span{
	color: #ffff!important;	
}
.second-tabs-bc .tab-bc {
	color: #ffff!important;	
}
.select.s-small .form-control-select-bc{
	color: #ffff!important;	
}
.sport-search-result-item-bc{
	color: #ffff!important;	
}
.market-game-team-name{
	color: #ffff!important;
}
.stats-section-info-bc, .stats-section-title-bc{
	color: #ffff!important;
}
.stats-section-title-bc{
	color: #ffff!important;
}
.hth-graph-score-bc{
	color: #ffff!important;
}
.hth-title-bc{
	color: #ffff!important;
}
.market-group-holder-bc .market-name-bc{
	color: #ffff!important;
}
.market-game-part{
	color: #ffff!important;
}
.market-game-additional-info-time{
	color: #ffff!important;	
}
.market-game-part-container>b, .market-game-part-container>i{
	color: #ffff!important;	
}
.market-game-additional-info{
	color: #ffff!important;
}
.back-nav-icon-bc{
	color: #ffff!important;
}
.horizontal-sl-tab-bc:after{
	color: #ffff!important;	
}
.sgm-m-h-toggle-icon-bc{
	color: #ffff!important;	
}
.ss-input-bc::placeholder {
	color: #c1bdbd!important;	
}
.quickBetMsgText-bc{
	color: #ffff!important;	
}
.horizontal-sl-tab-bc{
	color: #ffff!important;
}
.ss-icon-bc{
	color: #ffff!important;
}
.sgm-market-g-item-bc>.market-bc .market-name-bc{
	color: #ffff!important;
}
.select.s-small.has-icon .select-icon-bc{
	color: #ffff!important;		
}
.sp-s-l-b-c-i-g-league-c-bc{
	color: #ffff!important;	
}
.form-control-icon-bc, .sport-search-icon{
	color: #ffff!important;		
}
.sp-s-l-h-arrow-icon-bc{
	color: #ffff!important;	
}
.e-p-content-bc{
	border: 1px solid #060481;
}
.btn.a-color {
    background: #0400ff!important;
}
.nav-menu-container .nav-menu>li>.nav-menu-item:hover {
    background: #0400ff!important;
}
.hdr-main-content-bc, .logo {
    border-bottom: 1px solid #0e172a;
}
.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-bc>.sp-sub-list-bc>.sp-s-l-head-bc .sp-s-l-h-title-bc {
    color: #ffff !important;
}
.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-bc>.sp-sub-list-bc .sp-sub-list-bc>.sp-s-l-head-bc .sp-s-l-h-title-bc {
    color: rgba(var(--b-sc-rgb), .8);    color: #ffff !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>i, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>i {
    color: #ffff!important;
}
.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active i {
    color: #ffff!important;
}
.nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item i {
    color: #ffff!important;
}
.highlight {
  color: #0400ff;
}
.hlogoo{
	color: #0400ff;
}
.hdr-user-bc .btn.sign-in {
    background: linear-gradient(180deg, #c9c2b3 0%, #ffffff 50%, #c9c2b3 100%) !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
.hdr-user-bc .btn.register {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-weight: bold;
}


* { box-sizing: border-box !important; }
.spage-layout {
  display: flex !important;
  gap: 24px !important;
  padding: 32px !important;
}
.spage-sidebar {
  width: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}
.spage-search-box {
  position: relative !important;
  margin-bottom: 6px !important;
}
.spage-search-box input,
.spage-game-search input {
  width: 100% !important;
  padding: 12px 16px 12px 44px !important;
  border: none !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.03) !important;
  color: #e6e8ff !important;
  font-size: 14px !important;
  outline: none !important;
  backdrop-filter: blur(4px) !important;
  position: relative !important;
  z-index: 1 !important;
}
.spage-search-box svg,
.spage-game-search svg {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  fill: #8f92b0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  z-index: 2 !important;
  display: block !important;
}
.spage-providers {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
.spage-provider {
  background: rgba(255,255,255,0.02) !important;
  padding: 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: .25s cubic-bezier(.4,.2,.2,1) !important;
  color: #e6e8ff !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
.spage-provider:hover {
  background: rgba(255,255,255,0.05) !important;
}
.spage-provider.active {
  box-shadow: 0 0 0 2px #d4b560 !important;
}
.spage-main {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}
.spage-top-bar {
  display: flex !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  position: relative !important;
}
.spage-game-search {
  flex: 1 !important;
  position: relative !important;
  display: flex !important;
}
.spage-game-search-wrapper {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  flex: 1 !important;
}
.spage-search-toggle {
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.03);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
#gameSearch {
  display: none;
  flex: 1;
  position: relative;
}
#gameSearch input {
  width: 100%;
  padding: 10px 14px;
  border: none;
  border-radius: 8px;
  background: rgba(255,255,255,0.03);
  color: #e6e8ff;
  font-size: 14px;
  outline: none;
}
.clear-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 16px;
  color: #e6e8ff;
  cursor: pointer;
}
.spage-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill,minmax(150px,1fr)) !important;
  gap: 18px !important;
  margin-top: 4px !important;
}
.spage-card {
  position: relative !important;
  background: #3a2512 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  min-height: 150px !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer !important;
  transition: .25s cubic-bezier(.4,.2,.2,1) !important;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.65) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
}
.spage-img-wrapper {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
.spage-img-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
.spage-card-body {
  padding: 12px 14px 14px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 6px !important;
}
.spage-title-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color:#fff!important;
}
.spage-badge {
  background: rgba(212,181,96,0.15) !important;
  color: #d4b560 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}
.spage-overlay {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 6px 10px !important;
  gap: 6px !important;
  opacity: 0 !important;
  transition: .25s cubic-bezier(.4,.2,.2,1) !important;
  background: rgba(15,17,26,0.45) !important;
  backdrop-filter: blur(1px) !important;
  border-radius: 12px !important;
}
.spage-card:hover .spage-overlay {
  opacity: 1 !important;
}
.spage-btn-group {
  display: flex !important;
  gap: 6px !important;
}
.spage-btn {
  padding: 5px 12px !important;
  border: none !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  background: rgba(212,181,96,.9) !important;
  color: #0e111a !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  min-width: 70px !important;
  box-shadow: 0 4px 12px -3px rgba(212,181,96,.3) !important;
  transition: .2s !important;
  backdrop-filter: blur(2px) !important;
}
.spage-btn.demo {
  background: rgba(255,255,255,0.08) !important;
  color: #e6e8ff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px -3px rgba(255,255,255,.1) !important;
}
.spage-info {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 26px !important;
  height: 26px !important;
  background: rgba(255,255,255,0.04) !important;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
  transition: .25s cubic-bezier(.4,.2,.2,1) !important;
}
.spage-star {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  width: 26px !important;
  height: 26px !important;
  background: rgba(255,255,255,0.04) !important;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.spage-tagline {
  font-size: 12px !important;
  color: #8f92b0 !important;
  margin-top: 2px !important;
}
.provider-popup-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  display: none;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  z-index: 1000;
}
.provider-popup {
  background: #171a2f;
  width: 100%;
  max-width: 480px;
  border-radius: 12px;
  padding: 16px;
  position: relative;
  margin-top: 60px;
}
.provider-popup .close-btn {
  position: absolute;
  right: 14px;
  top: 14px;
  background: transparent;
  border: none;
  color: #e6e8ff;
  font-size: 22px;
  cursor: pointer;
  line-height: 1;
}
.provider-popup .search-wrapper {
  position: relative;
  margin-bottom: 12px;
}
.provider-popup .search-wrapper input {
  width: 100%;
  padding: 10px 14px 10px 44px;
  border: none;
  border-radius: 8px;
  background: rgba(255,255,255,0.03);
  color: #e6e8ff;
  font-size: 14px;
  outline: none;
}
.provider-popup .search-wrapper svg {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  fill: #8f92b0;
  pointer-events: none;
}
.provider-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  max-height: 300px;
  overflow: auto;
}
.provider-list .spage-provider {
  padding: 10px;
  font-size: 13px;
}
.desktop-only { display: block !important; }
.mobile-only { display: none !important; }


@media (max-width: 1024px) {
  .spage-layout { flex-direction: column; padding:16px; gap:16px; }
  .spage-sidebar { display: none !important; }
  .desktop-only { display: none !important; }
  .mobile-only { display: flex !important; }
  .spage-top-bar { flex-wrap: wrap; }
  .spage-grid { grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap:12px; margin-top:8px; }
  .spage-card { min-height:130px; border-radius:10px; }

  .casino-full-game-bg {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999 !important;
    background: #000;
  }
  .casino-full-game-container,
  .casino-full-game-block {
    width: 100% !important;
    height: 100dvh !important;
    height: 100vh !important;
  }
  .casino-full-game-block .iffrm {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    height: 100vh !important;
    border: 0 !important;
    z-index: 1000 !important;
  }
  .casino-full-game-panel {
    position: fixed !important;
    top: calc(8px + env(safe-area-inset-top)) !important;
    right: 8px !important;
    z-index: 1001 !important;
  }
}

@media (max-width: 600px) {
  .spage-grid { grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); }
}

@media (min-width: 1025px) {
  .casino-full-game-bg {
    position: static !important;
    inset: auto !important;
    background: transparent !important;
    z-index: auto !important;
  }
  .casino-full-game-container {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }
  .casino-full-game-block {
    width: 1000px !important;
    height: 500px !important;
    position: relative !important;
    margin: 0 auto !important;
  }
  .casino-full-game-block .iffrm {
    position: static !important;
    width: 1000px !important;
    height: 525px !important;
    border: 0 !important;
    z-index: 1 !important;
    display: block !important;
  }
  .casino-full-game-panel {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 2 !important;
  }
}
/* Fullscreen pseudo-class: her motor için */
.casino-full-game-block:fullscreen {
  width: 100vw !important;
  height: 100vh !important;
}
.casino-full-game-block:fullscreen .iffrm {
  width: 100vw !important;
  height: 100vh !important;
  border: 0 !important;
}
.casino-full-game-block:fullscreen .casino-full-game-panel {
  position: fixed !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 1001 !important;
}

/* WebKit ve Firefox varyantları */
.casino-full-game-block:-webkit-full-screen { width:100vw !important; height:100vh !important; }
.casino-full-game-block:-webkit-full-screen .iffrm { width:100vw !important; height:100vh !important; }
.casino-full-game-block:-moz-full-screen { width:100vw !important; height:100vh !important; }
.casino-full-game-block:-moz-full-screen .iffrm { width:100vw !important; height:100vh !important; }