/* ==== RUNIXBET Tam Kod — Modern Mavi + İkonlu ==== */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@300;400;600;700');

/* === Renk Paleti === */
:root{
  --rb-bg:#071426;
  --rb-glass:#0b1e3a;
  --rb-blue-900:#0b1e3a;
  --rb-blue-800:#12305d;
  --rb-blue-700:#1b4b8f;
  --rb-blue-600:#2563eb; /* ana */
  --rb-blue-500:#3b82f6;
  --rb-blue-400:#60a5fa;
  --rb-cyan:#22d3ee;
  --rb-white:#ffffff;
  --rb-text:#eaf2ff;
}

/**Anasayfa Arka Plan ve Kenarları Küçültme**/
div#root.layout-bc.theme-default.betslip-Hidden {
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body {
  font-family:'Rubik',system-ui,Segoe UI,Arial,sans-serif;
  color:var(--rb-text);
  background-color:var(--rb-bg) !important;
  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;
}

/**Ana Sayfa Slider Border**/
.sdr-image-bc { border-radius: 20px !important; } 
.sdr-item-bc:before{ background: rgb(0 0 0 / 0%)!important; }

/**Pop-Up Tasarım**/
.popup-holder-bc { background: rgb(0 0 0 / 61%) !important; }
.popup-inner-bc {
  border-radius: 32px !important;
  box-shadow: 0 30px 80px rgba(2,6,23,.6), 0 0 0 1px rgba(255,255,255,.06) inset !important;
  background: linear-gradient(180deg, var(--rb-blue-900), var(--rb-bg)) !important;
}

/**Ana Sayfa Öne Çıkan Maçlar Tasarım**/
.carousel-viewport { border-radius: 20px; }

.ftr-game-item-bc {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 6px 24px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(27,75,143,.85), rgba(11,30,58,.85)) !important;
}
.ftr-game-item-bc:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(96,165,250,.15) 0, rgba(5,12,12,.05) 100%);
}
.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; z-index: 1; top: 50%; transform: translateY(-50%);
}
.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,.6) !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,.3) !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,.6) !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-left: 12px !important; padding-right: 12px !important; background: 0 0 !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: 500 !important; color: rgba(255,255,255,.85) !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 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 10px !important;
  border: 1px solid rgba(255,255,255,.18) !important; border-radius: 8px !important;
  font-weight: 800 !important; font-size: 16px !important; text-align: center !important;
  color: #eaf2ff !important; background: rgba(17,48,93,.45) !important; box-shadow: 0 2px 4px transparent !important;
}
.ftr-game-item-bc .market-group-holder-bc .market-bc.active,
.ftr-game-item-bc .market-group-holder-bc .market-bc:hover {
  color: #061325 !important;
  background: linear-gradient(0deg, var(--rb-blue-600), var(--rb-blue-400)) !important;
  box-shadow: 0 6px 16px rgba(37,99,235,.35) !important;
}
.market-odd-bc:not(.not-boosted-odd) { color: rgb(230 240 255) !important; }

/**Footer Arka Plan Şeffaf Ödeme Yöntemleri**/
.layout-footer-holder-bc { background: rgba(0, 32, 36, 0) !important; }
.footerLinkColTitle { color: var(--rb-white) !important; }

[class*=is-web] .horizontalSliderElem .horizontalSliderImg { opacity: 2.6 !important; filter: none !important; }
[class*=is-web] .footerLinkCol:not(:last-child) { margin-right: 14% !important; }

/**Promosyonlar Sayfası Tasarım**/ 
.promotionsList-bc { grid-gap: 20px !important; }
.promotionsList-bc { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) !important; }
.promotions-article-title { display: none !important; }
.promotionsListEl-bc img { border-radius: 20px !important; }
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc { transform: none !important; }
.promotionsListEl-bc { transform: scale(1) translateZ(0px); transition: all 0.15s ease 0s; }
.promotionsListEl-bc:hover { transform: scale(1.035) translateZ(0px); transition: all 0.15s ease 0s; }

.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
  background: linear-gradient(0deg, var(--rb-blue-700) 0%, var(--rb-blue-500) 100%) !important;
}
.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(--rb-blue-700) 0%, var(--rb-blue-500) 100%) !important;
}

/**Ana Sayfa Casino Oyunları ve Canlı Casino Border**/
.product-banner-without-titles .product-banner-img-bc,
.product-banner-without-titles .product-banner-icon-bc {
  border-radius: 15px!important;
}

/**Butonlar**/
.btn.register, .btn.btn-color {
  background: transparent !important;
  border-radius: 8px !important;
}
.btn.register {
  padding: 0 25px !important;
  transition: .24s !important;
  box-shadow: 0 10px 24px rgba(37,99,235,.35) !important;
  background: linear-gradient(90deg, var(--rb-blue-600), var(--rb-blue-400)) !important;
  animation: blinker 1.6s ease-out infinite;
  font-weight: 900 !important;
  color:#061325 !important;
}
@keyframes blinker { 50% { opacity: .75; } }

.btn.s-small { height: 32px !important; }

.btn.sign-in {
  padding: 0 30px !important;
  color: rgb(255 255 255) !important;
  background: transparent !important;
  text-decoration: none !important;
  border:1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  font-weight: 900 !important;
}

.e-p-section-title-bc {
  padding: 7px 23px !important;
  color: #fff !important;
  background: linear-gradient(90deg, var(--rb-blue-700), var(--rb-blue-500)) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(30,58,138,.35) !important;
  text-decoration: none !important;
  animation: blinker 1.6s ease-out infinite;
  font-weight: 900 !important;
}

.btn.a-color {
  background: linear-gradient(0deg, var(--rb-blue-700) 0%, var(--rb-blue-500) 100%) !important;
  border-radius: 8px !important;
  font-weight: 900 !important;
  color:#061325 !important;
}

/**Header Tasarım**/
.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-content-bc .nav-menu-container.header-navigation:first-child { border-radius: 18px!important; }
.nav-menu-container.header-navigation:first-child {
  background: linear-gradient(90deg, rgba(18,48,93,.75), rgba(11,30,58,.65)) !important;
}
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu {
  height: inherit !important;
  justify-content: center !important;
  padding: 10px 0px !important;
  gap: 25px !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:hover > .nav-menu-item,
.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: none !important;
  background: linear-gradient(0deg, var(--rb-blue-700), var(--rb-blue-500)) !important;
  color:#061325 !important;
}

.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item span,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item span,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other .nav-menu-item.active span,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li .nav-menu-item.active span {
  color: #fff !important;
}
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item i,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item i,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other .nav-menu-item.active i,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li .nav-menu-item.active i {
  color: #fff !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: transform .2s ease, background .2s ease !important;
}
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item:hover,
.nav-content-bc .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item:hover {
  border-color: rgba(255,255,255,0.18) !important;
  color: #fff !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;
}

/* Açılır menü */
.nav-content-bc .nav-menu-container .nav-menu-sub {
  background: linear-gradient(180deg, rgba(18,48,93,.95), rgba(11,30,58,.95)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
}
.nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item{ background: rgba(17,48,93,.35) !important; }

/* İkonlu başlık efekti */
ul.nav-menu.nav-menu-hide-items > li> a > i {
  text-transform: uppercase;
  background-image: linear-gradient(90deg, var(--rb-blue-400) 20%, #ffffff 40%, #ffffff 60%, var(--rb-cyan) 80%, var(--rb-blue-400) 100%) !important;
  background-size: 200% auto;
  color: transparent !important;
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  animation: textclip 1.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: #061325;
  background: var(--rb-blue-400) !important;
}

/* Material Symbols bağlama */
.nav-content-bc .nav-menu-container .nav-menu > li > .nav-menu-item i,
.nav-menu-container .nav-menu-sub .nav-menu-item>i:first-child,
.hdr-toggle-button-bc i, .hdr-time-bc i, .ss-icon-holder-bc i{
  font-family:"Material Symbols Outlined";
  font-weight:400; font-style:normal; line-height:1;
  font-size:26px !important; display:inline-block; color:var(--rb-blue-400) !important;
  -webkit-font-feature-settings:"liga"; -webkit-font-smoothing:antialiased;
}
.nav-menu-container .nav-menu-sub .nav-menu-item>i:first-child { display:inline-block !important; text-transform:uppercase; }

/* Değer vurguları */
.WithdrawAmount-Row-Value { color: rgb(255 190 0)!important; }
.WithdrawAmount-Row-ValueBalance { color: rgb(14 229 42)!important; }

.nav-menu-container .nav-menu-sub .nav-menu-item:hover:before { background: #fff!important; }

.count-odd-animation:after {
  color: #061325 !important;
  background: var(--rb-blue-500) !important;
}

.competition-header-bc {
  background: linear-gradient(0deg, rgba(11,30,58,.85) 0%, rgba(27,75,143,.87) 100%) !important;
}

.layout-header-holder-bc {
  box-shadow: none!important;
  background: transparent!important;
  position: relative!important;
}
.header-bc { width: 100%; background: transparent!important; }

.sdr-item-bc:only-child { border-radius: 25px !important; }
.horizontalSliderElem { display: inline-block; width: 110px !important; height: 60px !important; }

.header-user-nav .nav-menu-sub .nav-menu-item { background: rgba(4, 100, 143, 0.48) !important; }
.header-user-nav .nav-menu-sub { background: rgba(8, 36, 75, .95) !important; border-radius: 10px !important; }
.header-user-nav>.nav-menu-other>li:hover>a { border-color: var(--rb-blue-400) !important; }

.informative-widget-link {
  background: rgba(96,165,250, .12)!important;
  border-top: 2px solid #fff !important;
  border-radius: 10px !important;
}
.informative-widget-container { transition: .24s !important; animation: blinker 1.6s ease-out infinite !important; }

.hdr-time-bc,
.hdr-toggle-button-bc {
  background: linear-gradient(0deg, var(--rb-blue-700) 0%, var(--rb-blue-500) 100%) !important;
  color:#061325 !important;
}

/**Live Butonlar**/
.left-menu-container .second-tabs-bc .tab-bc:hover,
.left-menu-container .second-tabs-bc .tab-bc.active {
  background: rgba(0, 195, 255, 0.45) !important; 
}
.market-bc:not(.disabled-market-bc):hover { background: rgba(0, 195, 209, 0.31) !important; }
.sp-sub-list-bc.Soccer .sp-s-l-h-flag-bc { color: var(--rb-cyan) !important; }
.sportsbook .sgm-market-search { background: rgba(36, 19, 0, 0) !important; position: relative !important; }
.betslip-info-message, .betslip-warning-message {
  background: linear-gradient(90deg, rgba(37,99,235,.2), rgba(96,165,250,.2)) !important;
  border:1px solid rgba(96,165,250,.35) !important;
}
.game-details-c-head-time-bc:nth-child(2) { background: rgba(0, 225, 255, 0.5) !important; }
.game-details-c-head-time-bc+.game-details-c-head-time-bc:not(.stoppage-time) { background: rgb(5, 187, 219) !important; }
.sgm-market-g-h-cashed-out-icon-bc { color: rgb(255, 81, 0) !important; }
.selected-underline:before { background: #fff !important; }

.left-menu-container { background: rgba(11, 30, 58, 0.35) !important; }
.sp-sub-list-bc.Soccer.active>.sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc { background: var(--rb-cyan) !important; }
.left-menu-scroll>.sp-sub-list-bc.active>.sp-s-l-head-bc { background: rgba(27, 75, 143, 0.35) !important; position: relative; }  
.market-game-section { background: transparent !important; }  
.left-menu-scroll>.sp-sub-list-bc>.sp-s-l-b-content-bc>.sp-sub-list-bc .sp-s-l-b-content-bc { background: rgba(0, 118, 139, 0.24) !important; }
.market-game-odd { color: rgb(230 240 255) !important; }
.sp-sub-list-bc.Soccer .market-game-section.active:before { background: rgb(230 240 255) !important; }

.u-i-p-amounts-bc.bonuses .u-i-p-a-content-bc { background: rgb(16 145 33) !important; }
.u-i-p-a-loyaltyPoint-bc { background: rgb(56, 176, 184)!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(--rb-blue-700) 0%, var(--rb-blue-500) 100%) !important;
}

.ss-input-bc { background: rgba(255,255,255, .08) !important; }
.ss-icon-holder-bc  { background: transparent !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: rgba(81, 49, 0, 0) !important;
}

.market-bc { background: rgba(96,165,253, 0.18) !important; }
.second-tabs-bc .tab-bc:hover, .second-tabs-bc .tab-bc.active { background: rgba(0, 225, 255, 0.28) !important; }
.horizontal-sl-tab { background: transparent!important; }
market-bc.active { background: rgba(0, 204, 255, 0.44) !important; }

.sgm-markets-head-bc { background: rgba(96,165,253, 0.18) !important; }
.stats-section-bc { background: rgba(96,165,253, 0.18) !important; }
.sportsbook .sgm-market-search { background: rgba(96,165,253, 0.18) !important; }

/* Casino info tabs */
.casino-info-block .main-tabs-bc .tab-bc.active {
  background: linear-gradient(0deg, var(--rb-blue-700) 0%, var(--rb-blue-500) 100%) !important;
}

/* Sağlayıcı/Kategori */
.providerItemsInner.active{
  background: linear-gradient(0deg, rgba(255,255,255, .92) 0%, rgba(223,223,223,.49) 100%) !important;
}
.providerItemsInner{
  background: linear-gradient(0deg, rgba(0,134,173,.92) 0%, rgba(0,0,0,.49) 100%) !important;
}
.horizontalCategoryItemWrp{ background-color: rgba(31, 147, 217, 0.4) !important; }

.footerWarningAge {
  border-color: rgb(26, 143, 197) !important;
  color: #fff !important;
}

/* Jackpot arkaplanı — mavi uyum */
.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%, rgba(96,165,250,.35), rgba(0,0,0,.7) 100%) !important;
}

/* Çekilebilir bakiye vurgusu */
.u-i-p-amounts-bc.withdrawable .u-i-p-a-content-bc { background: rgba(0, 238, 255, 0.35) !important; }

.currency-control-symbol, .connect-wallet:before { background-color: var(--rb-blue-600) !important; }
.button.hero { background-color: #1ea4ff !important; }

.page-view-more {
  border-radius: 10px;
  margin-bottom: 10px;
  background: linear-gradient(1deg, rgba(0,0,0,0) 0%, rgba(13,14,14,.08) 33.33%, #0a6fe0 100%)!important;
  padding: 10px;
}
.view-title-more { text-align: center !important; }
.sp-button-bc {
  background: linear-gradient(0deg, var(--rb-blue-700) 0%, var(--rb-blue-500) 100%) !important;
  color:#061325 !important;
}