/* Simpson Bahis – Gold Pro PC Tema (Full) */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* ===================== PALET & GENEL ===================== */
:root{
  --gold-500:#B8860B;   /* ana altın */
  --gold-600:#8A6D0B;   /* koyu altın */
  --gold-400:#FFC107;   /* parlak vurgu */
  --gold-300:#FFD54F;   /* açık vurgu */
  --ink-900:#0C0C0E;    /* ana arka plan */
  --ink-800:#121215;    /* koyu yüzey */
  --ink-700:#1B1B1F;    /* kart yüzeyi */
  --txt:#F5F5F5;        /* metin */
  --muted:#CFCFCF;
  --success:#22C55E;

  /* arka plan görseli (yolunu kendine göre düzenle) */
  --bg-img:url('/storage/medias/betconscan/media_18762873_d3f30ea5e852818637e9bce607d7dcf6.jpeg');
}

div#root.layout-bc.theme-default.betslip-Hidden{
  max-width:1480px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-family:"Rubik",system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
}

/* ===================== ARKA PLAN KATI (GARANTİ) ===================== */
html,body{height:100%;}
body{
  background-image:url(/storage/medias/betconscan/media_18762873_d3f30ea5e852818637e9bce607d7dcf6.jpeg)!important;
  background-size:cover!important;
  background-position:top center!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}

/* ===================== GÖRSEL/KART GENEL ===================== */
.sdr-image-bc{border-radius:18px!important;}
.sdr-item-bc:before{background:transparent!important;}

.popup-holder-bc{background:rgba(0,0,0,.58)!important;}
.popup-inner-bc{
  border-radius:24px!important;
  background:rgba(18,18,21,.92)!important;
  border:1px solid color-mix(in oklab, var(--gold-500), transparent 70%)!important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.45),
    0 0 36px 4px color-mix(in oklab, var(--gold-400), transparent 78%)!important;
  backdrop-filter:saturate(1.1) blur(6px);
}

.carousel-viewport{border-radius:18px;}

/* ===================== FİKSTÜR KARTI ===================== */
.ftr-game-item-bc{
  position:relative; overflow:hidden; isolation:isolate;
  border-radius:12px!important;
  background:linear-gradient(180deg, var(--ink-700) 0%, var(--ink-800) 100%)!important;
  border:1px solid color-mix(in oklab, var(--gold-500), transparent 80%)!important;
  box-shadow:0 6px 24px rgba(0,0,0,.35), inset 0 1px 0 color-mix(in oklab, var(--gold-500), transparent 82%)!important;
}
.ftr-game-item-bc:before{
  content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit;
  background:radial-gradient(90% 65% at 100% 0, color-mix(in oklab, var(--gold-400), transparent 82%), transparent 60%);
}
.ftr-game-item-bc .ftr-g-i-head-bc{position:relative;background:unset!important;}
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-icon-bc:first-child{margin-left:auto;}
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-icon-bc:nth-last-child(1),
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-icon-bc:nth-last-child(2),
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-icon-bc:nth-last-child(3){
  position:absolute; top:50%; transform:translateY(-50%); z-index:1;
}
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-icon-bc:nth-last-child(1){right:10px;}
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-icon-bc:nth-last-child(2){right:38px;}
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-icon-bc:nth-last-child(3){right:66px;}

.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-i-b-time-block{flex:unset!important;margin-right:auto;}
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-i-b-time-block .ftr-g-i-b-time-bc:first-child:not(:only-child){color:rgba(255,255,255,.64)!important;}
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-i-b-time-block .ftr-g-i-b-time-bc+.ftr-g-i-b-time-bc{
  box-shadow:-1px 0 0 0 rgba(255,255,255,.35)!important; color:#fff!important; font-weight:700!important;
}
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-i-b-time-block .ftr-g-i-b-time-bc:only-child{color:rgba(255,255,255,.64)!important;}
.ftr-game-item-bc .ftr-g-i-head-bc .ftr-g-i-b-time-block .ftr-g-i-b-time-bc:only-child time:last-child{color:#fff!important;font-weight:700!important;}

.ftr-game-item-bc .ftr-g-i-body-bc{padding:0 12px!important;background:transparent!important;}
.ftr-game-item-bc .ftr-g-title-bc{justify-content:center!important;}
.ftr-game-item-bc .ftr-g-i-title-bc{flex:unset!important;font-weight:600!important;color:rgba(255,255,255,.9)!important;}
.ftr-game-item-bc .ftr-g-i-b-opp-t-holder-bc{gap:10px!important;}
.ftr-game-item-bc .market-group-holder-bc{gap:10px!important;padding:0 12px 12px!important;}
.ftr-game-item-bc .market-group-holder-bc.ext-44>.market-group-item-bc{height:36px!important;}

.ftr-game-item-bc .market-group-holder-bc .market-bc{
  min-height:36px!important; line-height:36px!important; padding:0 12px!important;
  border:1px solid color-mix(in oklab, var(--gold-500), transparent 65%)!important;
  border-radius:10px!important; font-weight:800!important; font-size:16px!important;
  text-align:center!important; color:#161616!important;
  background:color-mix(in oklab, var(--gold-300), transparent 76%)!important;
  box-shadow:0 2px 4px transparent!important; transition:.18s ease;
}
.ftr-game-item-bc .market-group-holder-bc .market-bc:hover,
.ftr-game-item-bc .market-group-holder-bc .market-bc.active{
  color:#131313!important;
  background:linear-gradient(180deg, var(--gold-400) 0%, var(--gold-600) 100%)!important;
  box-shadow:0 8px 22px color-mix(in oklab, var(--gold-400), transparent 70%)!important;
}

.market-odd-bc:not(.not-boosted-odd){color:#FFF59D!important;}

/* ===================== FOOTER / PROMO ===================== */
.layout-footer-holder-bc{background:transparent!important;}
.footerLinkColTitle{color:#fff!important;}
[class*=is-web] .horizontalSliderElem .horizontalSliderImg{opacity:2.2!important;filter:none!important;}
[class*=is-web] .footerLinkCol:not(:last-child){margin-right:14%!important;}

.promotionsList-bc{grid-gap:18px!important; grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important;}
.promotions-article-title{display:none!important;}
.promotionsListEl-bc img{border-radius:18px!important;}
.promotionsListEl-bc{transform:scale(1) translateZ(0); transition:.15s ease;}
.promotionsListEl-bc:hover{transform:scale(1.03) translateZ(0);}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc{transform:none!important;}

/* ===================== SEKMELER ===================== */
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc:hover,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover{
  background:linear-gradient(0deg, var(--gold-600) 0%, var(--gold-500) 100%)!important;
}

/* ===================== BUTONLAR ===================== */
.btn.register,.btn.btn-color{border-radius:12px!important;}
.btn.register{
  padding:0 26px!important; font-weight:900!important; color:#201600!important;
  background:linear-gradient(90deg, var(--gold-400), var(--gold-600))!important;
  box-shadow:0 0 18px 2px color-mix(in oklab, var(--gold-400), transparent 48%)!important;
  animation:goldBlink 1.8s ease-out infinite;
}
@keyframes goldBlink{50%{filter:brightness(1.08);}}

/* küçük */
.btn.s-small{height:32px!important;}
.btn.sign-in{
  padding:0 30px!important; color:#111!important; text-decoration:none!important;
  background:linear-gradient(90deg, var(--gold-300), var(--gold-500))!important;
  border-radius:12px!important; font-weight:900!important;
}

.e-p-section-title-bc{
  padding:7px 23px!important; color:#1b1200!important; font-weight:900!important;
  background:linear-gradient(90deg, var(--gold-300), var(--gold-500))!important;
  border-radius:12px!important;
  box-shadow:0 0 16px 2px color-mix(in oklab, var(--gold-400), transparent 52%)!important;
  animation:goldBlink 1.8s ease-out infinite;
}

.btn.a-color{
  background:linear-gradient(0deg, var(--gold-600) 0%, var(--gold-500) 100%)!important;
  border-radius:12px!important; font-weight:900!important; color:#1b1200!important;
}

/* ===================== NAV / MENÜ – PARLAK GOLD BAR ===================== */
.nav-content-bc{background:transparent!important;}
.nav-content-bc .nav-menu-container .nav-menu{height:inherit!important;}
.nav-content-bc .nav-menu-container .nav-menu>li{height:inherit!important;}

.nav-menu-container.header-navigation:first-child{
  background:linear-gradient(135deg, color-mix(in oklab, var(--gold-400), transparent 40%), var(--gold-600), color-mix(in oklab, var(--gold-500), transparent 10%))!important;
  background-size:400% 400%;
  animation:goldShine 8s ease infinite;
  border-radius:18px!important;
  box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gold-500), transparent 75%);
  backdrop-filter:blur(4px) saturate(1.05);
}
@keyframes goldShine{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu{
  height:inherit!important; justify-content:center!important; padding:10px 0!important; gap:25px!important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item{
  flex-direction:column!important; row-gap:10px!important; min-width:104px!important;
  font-size:12px!important; color:#fff!important; border-radius:13px!important; padding:10px!important;
  transition:all .24s ease!important; border:1px solid transparent!important;
}
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item:hover,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other .nav-menu-item.active,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu>li .nav-menu-item.active{
  box-shadow:0 0 12px rgba(255,215,0,.45)!important;
  background:linear-gradient(180deg, color-mix(in oklab, var(--gold-300), transparent 60%), color-mix(in oklab, var(--gold-600), transparent 60%))!important;
  color:#111!important; transform:translateY(-1px);
}
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item i,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item i{
  margin-inline-end:inherit!important; font-size:26px!important; color:var(--gold-300)!important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub{
  background:linear-gradient(317deg, var(--ink-800), var(--ink-900))!important;
  border:1px solid color-mix(in oklab, var(--gold-500), transparent 78%)!important;
}
.nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item{background:color-mix(in oklab, var(--gold-600), transparent 62%)!important;}

ul.nav-menu.nav-menu-hide-items>li>a>i{
  text-transform:uppercase;
  background-image:linear-gradient(90deg, var(--gold-600) 20%, #F0D000 40%, #F0D000 60%, var(--gold-600) 80%, var(--gold-600) 100%)!important;
  background-size:200% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  animation:textclip 1s linear infinite; display:inline-block!important; font-size:30px!important;
}
@keyframes textclip{to{background-position:200% center;}}
.nav-menu-sub-arrow:before{content:""!important;}

.hdr-navigation-link-bc.badge-top:after,
.nav-menu-item.badge-top:after,
.m-nav-sab-container-r-row-bc>a.badge-top:after,
.casino-game-item.badge-top:after,
.casino-game-tabs .horizontal-sl-tab-bc[data-badge].badge-top:after,
.casino-providers-list-item.badge-top:after,
.skill-games-p-r-c-name-bc.badge-top:after,
.m-nav-collapsed-container-bc .app-nav-link.badge-top:after,
.accordion-button.badge-top:after{
  color:#111; background:var(--gold-500)!important;
}

/* ===================== HEADER ===================== */
.layout-header-holder-bc{box-shadow:none!important;background:transparent!important;position:relative!important;}
.header-bc{width:100%;background:transparent!important;}
.header-user-nav .nav-menu-sub{background:var(--gold-600)!important;border-radius:10px!important;}
.header-user-nav .nav-menu-sub .nav-menu-item{background:color-mix(in oklab, var(--gold-600), transparent 20%)!important;}
.header-user-nav>.nav-menu-other>li:hover>a{border-color:var(--gold-500)!important;}

.hdr-time-bc,.hdr-toggle-button-bc{
  background:linear-gradient(0deg, var(--gold-600) 0%, var(--gold-500) 100%)!important;
  color:#151515!important;
}

/* ===================== SOL MENÜ / LİSTELER ===================== */
.left-menu-container{background:color-mix(in oklab, var(--gold-600), transparent 85%)!important;}
.left-menu-container .second-tabs-bc .tab-bc:hover,
.left-menu-container .second-tabs-bc .tab-bc.active{background:color-mix(in oklab, var(--gold-500), transparent 20%)!important; color:#161616!important;}

.sp-sub-list-bc.Soccer .sp-s-l-h-flag-bc{color:var(--gold-500)!important;}
.sp-sub-list-bc.Soccer.active>.sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc{background:var(--gold-500)!important;}
.left-menu-scroll>.sp-sub-list-bc.active>.sp-s-l-head-bc{background:color-mix(in oklab, var(--gold-600), transparent 62%)!important; position:relative;}
.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-bc>.sp-sub-list-bc .sp-s-l-b-content-bc{background:color-mix(in oklab, var(--gold-600), transparent 52%)!important;}
.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-wrp>.sp-s-l-b-content-bc>.sp-sub-list-bc .sp-s-l-b-content-bc{background:color-mix(in oklab, var(--gold-600), transparent 45%)!important;}

/* ===================== MARKET BLOKLARI ===================== */
.market-bc{background:color-mix(in oklab, var(--gold-500), transparent 78%)!important; border:1px solid color-mix(in oklab, var(--gold-500), transparent 65%)!important; border-radius:8px!important; font-weight:700!important; color:#141414!important;}
.market-bc:not(.disabled-market-bc):hover{background:color-mix(in oklab, var(--gold-500), transparent 60%)!important;}
market-bc.active,.market-bc.active{background:color-mix(in oklab, var(--gold-500), transparent 48%)!important;}

.market-game-section{background:transparent!important;}
.market-game-odd{color:#FFF1A6!important;}
.sp-sub-list-bc.Soccer .market-game-section.active:before{background:#FFF1A6!important;}

.sgm-markets-head-bc,
.stats-section-bc,
.sportsbook .sgm-market-search{background:color-mix(in oklab, var(--gold-500), transparent 78%)!important;}

.bs-f-header-bc .second-tabs-bc .tab-bc:not(:only-child):hover,
.bs-f-header-bc .second-tabs-bc .tab-bc:not(:only-child).active{
  background:linear-gradient(0deg, var(--gold-600) 0%, var(--gold-500) 100%)!important;
}

/* ===================== BİLDİRİM/ALERT ===================== */
.betslip-info-message,.betslip-warning-message{background:color-mix(in oklab, var(--gold-500), transparent 62%)!important;}
.game-details-c-head-time-bc:nth-child(2){background:color-mix(in oklab, var(--gold-500), transparent 50%)!important;}
.game-details-c-head-time-bc+.game-details-c-head-time-bc:not(.stoppage-time){background:var(--gold-500)!important;}
.sgm-market-g-h-cashed-out-icon-bc{color:var(--gold-400)!important;}

.selected-underline:before{background:#fff!important;}
.ss-input-bc{background:rgba(255,255,255,.08)!important;}
.ss-icon-holder-bc{background:transparent!important;}

.count-odd-animation:after{color:#fff!important; background:color-mix(in oklab, var(--gold-500), transparent 20%)!important;}

/* ===================== CÜZDAN / BAKİYE ===================== */
.WithdrawAmount-Row-Value{color:#FFBE00!important;}
.WithdrawAmount-Row-ValueBalance{color:var(--success)!important;}
.u-i-p-amounts-bc.bonuses .u-i-p-a-content-bc{background:var(--gold-500)!important;}
.u-i-p-a-loyaltyPoint-bc{background:var(--gold-500)!important;}
.u-i-p-amounts-bc.withdrawable .u-i-p-a-content-bc{background:color-mix(in oklab, var(--gold-500), transparent 35%)!important;}

/* ===================== JACKPOT ARKA PLAN ===================== */
.layout-content-holder-bc>.casinoJackpotWrapper-bc:not(.VGS,.PSN,.DLV,.EGT,.RTG,.APG):before,
.hm-row-bc .casinoJackpotWrapper-bc:not(.VGS,.PSN,.DLV,.EGT,.RTG,.APG):before{
  background-image:
    radial-gradient(circle at 56% 100%, color-mix(in oklab, var(--gold-600), transparent 30%), rgba(0,0,0,.72) 100%)!important;
}

/* ===================== PARA/SEMBOL & CTA ===================== */
.currency-control-symbol,.connect-wallet:before{background-color:var(--gold-500)!important;}
.button.hero{background-color:var(--gold-500)!important; color:#111!important;}

/* ===================== DİĞER ===================== */
.page-view-more{
  border-radius:10px; margin-bottom:10px; padding:10px;
  background:linear-gradient(0deg, color-mix(in oklab, var(--gold-400), transparent 46%) 0%, rgba(45,32,0,.53) 33.33%, var(--gold-600) 100%)!important;
}
.view-title-more{text-align:center!important;}
.sp-button-bc{background:linear-gradient(0deg, var(--gold-600) 0%, var(--gold-500) 100%)!important; color:#1b1200!important;}

.sdr-item-bc:only-child{border-radius:22px!important;}
.horizontalSliderElem{display:inline-block;width:110px!important;height:60px!important;}
.informative-widget-link{
  background:color-mix(in oklab, var(--gold-500), transparent 82%)!important;
  border-top:2px solid #fff!important; border-radius:10px!important;
}
.informative-widget-container{transition:.24s!important; animation:goldBlink 1.8s ease-out infinite!important;}
.footerWarningAge{border-color:var(--gold-600)!important; color:#fff!important;}