/* tüm site bg */
body{
  /* background:rgb(37 0 0) !important; */
  background: #14181c !important;
    background-image: url("https://i.ibb.co/n8cDP650/Firefly-Gemini-Flash-imdi-g-zel-bir-g-zel-bir-ekilde-Fixobet-Yazar-m-s-n-53025.png") !important;
    background-color: #13272F !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    color: #ffffff !important;
    overflow-x: hidden !important;
}

/* ========== SAYFA LAYOUT - SABİT GENİŞLİK, ORTALI ========== */

html, body {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
}

/* Ana layout */
#root,
.layout-bc,
body > #root {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* ===== HEADER ===== */
.layout-header-holder-bc {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: linear-gradient(180deg, rgba(20, 45, 55, 0.98) 0%, rgba(15, 35, 42, 0.95) 100%) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px) !important;
  position: relative !important;
}

/* Header üst kısım - logo ve butonlar */
.layout-header-holder-bc > div:first-child {
  background: linear-gradient(180deg, rgba(30, 60, 70, 0.6) 0%, transparent 100%) !important;
}

/* Nav menü arka plan */
.nav-content-bc {
  background: rgba(10, 25, 32, 0.7) !important;
  border-top: 1px solid rgba(50, 162, 125, 0.15) !important;
}

.header-bc {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, rgba(25, 50, 60, 0.98) 0%, rgba(15, 35, 45, 0.95) 50%, rgba(20, 45, 55, 0.98) 100%) !important;
  border-bottom: 2px solid rgba(50, 162, 125, 0.5) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5), 0 2px 15px rgba(50, 162, 125, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.header-bc::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(50, 162, 125, 0.6), transparent) !important;
}

/* Nav menü container */
.nav-content-bc {
  max-width: var(--layout-width) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/* ===== İÇERİK ===== */
.layout-content-holder-bc {
  width: 100% !important;
  max-width: var(--layout-width) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}


/* ===== OYUN LİSTESİ ALANI ===== */
.games-wrapper-bc,
.casino-games-container,
.casino-category-games,
.games-list-bc,
[class*="games-horizontal"],
.home-component-container {
  width: calc(100% - 40px) !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 15px 20px !important;
  box-sizing: border-box !important;
  background: rgba(19, 39, 47, 0.7) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-radius: 0 !important;
}

/* ===== FOOTER ===== */
.layout-footer-holder-bc {
  width: calc(100% - 40px) !important;
  max-width: 1400px !important;
  margin: 40px auto 20px auto !important;
  padding: 30px !important;
  box-sizing: border-box !important;
  background: rgba(19, 39, 47, 0.9) !important;
  border: 1px solid rgba(50, 162, 125, 0.4) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  overflow: hidden !important;
}

.footer-bc {
  max-width: 1400px !important;
  margin: 0 auto !important;
}

/* ========== SOL MENÜ GİZLE / HEADER ALTINA AL ========== */

/* Sol menüyü tamamen gizle */
.layout-bc > .sdr-holder-bc,
.layout-bc > [class*="sdr-holder"],
.sdr-holder-bc,
.sdr-bc,
body .sdr-holder-bc,
body .sdr-bc,
.layout-bc .sdr-holder-bc,
.layout-bc .sdr-bc,
#root > .sdr-holder-bc,
#root .sdr-holder-bc,
div.sdr-holder-bc,
aside.sdr-holder-bc,
nav.sdr-holder-bc,
[class*="sdr-holder"],
[class*="sdr-bc"]:not(.sdr-item-bc):not(.sdr-image-bc) {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  overflow: hidden !important;
}

/* Content alanını sabit genişlikte tut */
.layout-content-holder-bc,
.layout-bc .layout-content-holder-bc,
body .layout-content-holder-bc {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  width: 100% !important;
  max-width: var(--layout-width) !important;
  box-sizing: border-box !important;
}

/* Layout - sol margin kaldır */
.layout-bc,
#root.layout-bc {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Sidebar toggle butonu gizle */
.sdr-toggle-bc,
[class*="sdr-toggle"],
.sidebar-toggle {
  display: none !important;
}







:root {
  --custom-menu-bg-color: 142, 65, 65 !important;
  --custom-menu-hover-bg-color: 0, 27, 64 !important;
  --oc-1-sc: 255, 255, 255 !important;
  --hero-sc: 255, 255, 255 !important;

/* ========== SPOR HIZLI NAVİGASYON İKONLARI DÜZELTMESİ ========== */

/* Ana container - ORTALA */
.horizontalSliderWrapper,
.horizontalSliderWrapper.storiesWidgetList,
.horizontalSliderWrapper.horizontalItemsExpanded,
.horizontalSliderWrapper.alignedCenter,
div.horizontalSliderWrapper,
body .horizontalSliderWrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 15px 0 !important;
  margin: 0 auto !important;
}

/* Slider row - ORTALA */
.horizontalSliderRow,
div.horizontalSliderRow,
.horizontalSliderWrapper .horizontalSliderRow,
body .horizontalSliderRow {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 auto !important;
  transform: none !important;
}

/* Her item - çerçeve düzeltmesi */
.horizontal-sl-item-bc,
div.horizontal-sl-item-bc,
.horizontalSliderRow .horizontal-sl-item-bc {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 5px !important;
}

/* İkon container - tam ortala */
.horizontal-sl-icon-bc,
.horizontal-sl-item-bc .horizontal-sl-icon-bc {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

/* --menu: 57, 13, 19 !important; */
/* --b: 39, 0, 0 !important; */

    --cs-pr: #32a27d !important;
    --cs-sc: #2a8a6b !important;
    --cs-dark: #000000 !important;
    --cs-white: #ffffff !important;

    --cs-gr-pr: #13272F !important;
    --cs-gr-sc: #13272F !important;

    --cs-header-gradient: linear-gradient(to left, #13272F 0%, #192136 50%, #13272F 100%) !important;
    --cs-btn-gradient: linear-gradient(to bottom, var(--cs-pr) 0%, var(--cs-sc) 100%) !important;
    --cs-icon-gradient: linear-gradient(to bottom, var(--cs-pr) 0%, var(--cs-sc) 100%) !important;
    
    --yellow: transparent !important;
    --gold: transparent !important;
    --orange: transparent !important;
    --hero: 50, 162, 125 !important;
    --header: 19, 39, 47 !important;
    --b: 19, 39, 47 !important;
    
    --layout-width: 1440px;
    --cs-bg: none;
}

.informative-widget-container strong u:nth-of-type(1)  {
  text-decoration: none !important;
  color:#ffffff !important;
  border-bottom: 3px solid #32a27d !important;
  padding-bottom: 1px;
}




.informative-widget-link {
    border-top: 2px solid #32a27d !important;
}


.layout-footer-holder-bc {
  background: transparent !important;
}

.product-banner-info-bc::before {
  background: transparent !important;
}

.sdr-item-bc::before {
  background: transparent !important;
}

.sdr-item-bc:before {
    background: unset !important;
}

.layout-footer-holder-bc {
  background: transparent !important;
}

body .ftr-payments-row-img-bc {
  width: 100px;
  height: 30px;
  padding: 0;
  background: none;
  border-radius: 0;
  box-shadow: none !important;
}

/* Footer ödeme yöntemlerindeki 3D kutuları kaldır */
.ftr-payments-row-img-bc,
.ftr-payments-row-bc,
.ftr-payments-row-bc img,
.ftr-payments-row-bc .ftr-payments-row-img-bc,
.footer-bc .ftr-payments-row-bc,
.footer-bc .ftr-payments-row-bc img,
.footer-bc .ftr-payments-row-bc .ftr-payments-row-img-bc {
  border-radius: 0 !important;
  box-shadow: none !important;
}




.header-bc {
  width: 100% !important;
  background: #14181c !important;
}

.header-bc, 
.layout-content-holder-bc, 
.layout-footer-holder-bc,
.layout-header-holder-bc,
.nav-content-bc,
.nav-menu-container,
.sportsbook-container,
.left-menu-container,
.right-menu-container,
.center-column-container,
.betslip-holder-bc,
.betslip-bc,
.footer-bc,
.popup-inner-bc,
.modal-content,
.dialog-content {
    background: #13272F !important;
    background-color: #13272F !important;
}

.header-bc, .nav-menu-sub {
    background: linear-gradient(to left, #13272F 0%, #192136 50%, #13272F 100%) !important;
}

/* connect to wallet remove */
.wallet-btn {
  display: none !important;
}
.connect-wallet:not(:only-child) {
  display: none !important;
}

.promotions-article-title {
  height: 0px !important;
}

body .crypto-info-link {
  display: none !important;
}

.hdr-logo-bc {
  max-width: 300px !important;
  padding: 5px 0 !important;
  margin-left: 60px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.hdr-logo-bc img,
.hdr-logo-bc svg,
.hdr-logo-bc a,
.hdr-logo-bc a img {
    padding: 0 !important;
    height: 60px !important;
    min-height: 60px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
}

.nav-content-bc .nav-menu-container .nav-menu-sub {
    background: rgb(20 24 28) !important;
}

.nav-content-bc,
.nav-menu-container.header-navigation:first-child {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    background: transparent !important; 
}
.nav-menu-container.header-navigation:first-child .nav-menu,
.nav-menu-container.header-navigation:first-child .nav-menu-other {
    display: flex !important;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item {
    display:flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>i,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>i {
    margin-inline-end: 0px !important;
    margin-bottom: 5px !important;
    font-size: 25px !important;
    background-image: linear-gradient(to bottom, #32a27d 0%, #2a8a6b 100%) !important;
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item {
    background: rgba(0, 0, 0, 0.25) !important;
    color: #ffffff !important;
    transform: scale(1.05) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item i,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item i {
    background: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active,
.tab-bc.active,
.sp-sub-list-bc.active > .sp-s-l-head-bc,
.btn.active,
.selected {
    color: #000000 !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active i,
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active i {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
}

.nav-content-bc {
    margin-top: 10px !important;
}

/* ========== ÜST MENÜ - YAYGIN VE ORTALI ========== */

/* Menü container - tam genişlik */
.nav-menu-container.header-navigation:first-child {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 10px !important;
  background: linear-gradient(180deg, rgba(15, 35, 45, 0.8) 0%, rgba(10, 28, 35, 0.9) 100%) !important;
}

/* Menü item hover - Sirius gümüş efekti */
.nav-menu-container .nav-menu > li > .nav-menu-item:hover,
.nav-menu-container.header-navigation .nav-menu > li:hover > .nav-menu-item {
  background: linear-gradient(180deg, rgba(200, 210, 220, 0.15) 0%, rgba(180, 195, 210, 0.1) 100%) !important;
  box-shadow: 0 0 20px rgba(200, 215, 230, 0.2), inset 0 0 15px rgba(220, 230, 245, 0.1) !important;
  color: #e8f0f8 !important;
}

/* Aktif menü item - Sirius gümüş */
.nav-menu-container .nav-menu > li > .nav-menu-item.active,
.nav-menu-container.header-navigation .nav-menu > li > .nav-menu-item.active {
  background: linear-gradient(180deg, rgba(190, 205, 220, 0.25) 0%, rgba(170, 190, 210, 0.15) 100%) !important;
  box-shadow: 0 0 15px rgba(200, 220, 240, 0.3), 0 2px 10px rgba(180, 200, 220, 0.2) !important;
  border-bottom: 2px solid rgba(200, 215, 230, 0.6) !important;
}

/* Hover'da ikon rengi gümüş */
.nav-menu-container .nav-menu > li:hover > .nav-menu-item > i {
  color: #d0dce8 !important;
  -webkit-text-fill-color: #d0dce8 !important;
  text-shadow: 0 0 10px rgba(200, 220, 240, 0.5) !important;
}

/* Menü - yay ve ortala */
.nav-menu-container .nav-menu {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  gap: 10px !important;
  background: none !important;
}

/* Menü item - daha geniş */
.nav-menu-container.header-navigation:first-child .nav-menu > li {
  flex: 1 !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 12px 15px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #fff !important;
  background: transparent !important;
  border: none !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}

/* Hover - Sirius gümüş */
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item {
  background: linear-gradient(180deg, rgba(200, 215, 230, 0.2) 0%, rgba(180, 200, 220, 0.1) 100%) !important;
}

/* Aktif - Sirius gümüş */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active {
  background: linear-gradient(180deg, rgba(190, 210, 230, 0.3) 0%, rgba(170, 195, 220, 0.2) 100%) !important;
  color: #f0f5fa !important;
}

/* İkon rengi - Sirius gümüş */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item > i {
  color: #a8b8c8 !important;
  -webkit-text-fill-color: #a8b8c8 !important;
  font-size: 24px !important;
  margin-bottom: 6px !important;
  transition: all 0.3s ease !important;
}

/* Hover ikon - Sirius parlak gümüş */
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item > i {
  color: #e0ecf8 !important;
  -webkit-text-fill-color: #e0ecf8 !important;
  text-shadow: 0 0 12px rgba(220, 235, 255, 0.6) !important;
}

/* Aktif ikon beyaz */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active > i {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Bakiye butonu - normal */
.nav-menu-container.header-user-nav a[aria-label="Bakiye"] {
  background-color: red !important;
  color: white !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center;
  font-weight: bold !important;
  transition: all 0.3s ease !important;
}

/* Bakiye butonu - hover olduğunda köşeler düz */
.nav-menu-container.header-user-nav a[aria-label="Bakiye"]:hover {
  background-color: #ff1717c2 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Profil butonu - normal */
.nav-menu-container.header-user-nav a[aria-label="Profile Details"] {
  background-color: red !important;
  color: white !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: bold !important;
  transition: all 0.3s ease !important;
}

/* Profil butonu - hover olduğunda köşeler düz */
.nav-menu-container.header-user-nav a[aria-label="Profile Details"]:hover {
  background-color: #ff1717c2 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}


.ftr-partners-row-inner-bc:first-child > a:only-child img {
  max-height: 90px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item {
  background: linear-gradient(180deg, rgba(200, 215, 235, 0.25) 0%, rgba(175, 195, 220, 0.15) 100%) !important;
  box-shadow: 0 0 15px rgba(200, 220, 245, 0.2) !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active {
  background: rgba(var(--custom-menu-hover-bg-color), 1) !important;
  color: #fff !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu>li:first-child>.nav-menu-item {
    padding-inline-start: 10px !important;
    border-start-start-radius: 10px !important;
     border-end-start-radius:  10px !important;
}

/* Ana menü öğesine hover yapıldığında VEYA alt menüde geziniliyorsa ikon beyaz kalsın */
.nav-menu > li:hover > a > i {
  color: white !important;
}

/* Normalde ikonlar kırmızı olsun */
/* .nav-menu > li > a > i {
  color: #ff003c !important;
  transition: color 0.2s ease;
} */





.nav-menu-container .nav-menu {
  background: none !important;
  height: 45px !important;
}


.hdr-dynamic-content {
  background: #13272F !important;
  padding: 8px 50px 8px 20px !important;
  margin-top: 0 !important;
  border-bottom: 2px solid #32a27d !important;
  position: relative !important;
}

/* Yön oklarını gizle */
.hdr-dynamic-content .swiper-button-prev,
.hdr-dynamic-content .swiper-button-next,
.hdr-dynamic-content [class*="swiper-button"] {
  display: none !important;
  visibility: hidden !important;
}

/* Çarpı ikonu düzgün konumda */
.hdr-dynamic-content .close-btn,
.hdr-dynamic-content [class*="close"],
.hdr-dynamic-content button[class*="close"] {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
}

/* Swiper otomatik geçiş için */
.hdr-dynamic-content .swiper-wrapper {
  transition-timing-function: ease-in-out !important;
}

body .layout-header-holder-bc .hdr-dynamic-content:first-child .product-banner-container-bc {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.crypto-wallet-switcher-container {
  display: none !important;
}

body .header-custom-buttons + .sign-in {
  background: rgba(210, 46, 31, 1) !important;
  color: rgba(var(--hero-sc), 1) !important;
  text-decoration: none !important;
}

body .header-custom-buttons + .sign-in:hover {
  background: #ff1717c2 !important;
  color: rgba(var(--hero-sc), 1) !important;
  text-decoration: none !important;
  transition: background-color 0.3s ease !important;
}

.sport-search-icon-bc, 
.sgm-market-search-icon, 
.search-icon,
.favorite-icon, 
.icon-star, 
.star-icon i,
.active-icon {
    color: #32a27d !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: #32a27d !important;
}

.active, .selected, .highlighted {
    border-color: #32a27d !important;
}

.text-yellow, .yellow-text, .gold-text {
    color: #32a27d !important;
}

.hdr-user-bc .btn.sign-in,
.header-custom-buttons a[class*=promotions],
.hdr-user-bc a[class*=promotions],
.btn.a-color,
.hdr-toggle-button-bc {
    color: #ffffff !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 1px solid #32a27d !important;
    border-radius: 6px !important;
    padding: 5px 15px !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.hdr-user-bc .btn.sign-in:hover,
.header-custom-buttons a[class*=promotions]:hover,
.hdr-user-bc a[class*=promotions]:hover,
.btn.a-color:hover,
.hdr-toggle-button-bc:hover {
    background: rgba(50, 162, 125, 0.1) !important; 
    cursor: pointer;
}

.hdr-user-bc .btn.register {
    color: #000000 !important;
    background: #32a27d !important;
    box-shadow: none !important;
    border: 1px solid #2a8a6b !important;
    border-radius: 6px !important;
    padding: 5px 15px !important;
    transition: opacity 0.3s ease;
}
.hdr-user-bc .btn.register:hover {
    opacity: 0.85;
    cursor: pointer;
}

/* BONUS BUTONU AYARLARI */
.header-custom-buttons a[class*=promotions] {
    position: relative !important;
    overflow: hidden !important;
    z-index: 1;
    width: auto !important;          
    min-width: 150px !important;     
    flex: 0 0 auto !important;       
    white-space: nowrap !important;  
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.header-custom-buttons a[class*=promotions]::after {
    content: '';
    position: absolute;
    top: 0; left: -150%; width: 100%; height: 100%;
    background: linear-gradient(120deg, transparent, rgba(50, 162, 125, 0.6), transparent);
    transform: skewX(-20deg);
    animation: shine-effect 3s infinite linear;
    z-index: -1;
    pointer-events: none;
}
@keyframes shine-effect {
    0% { left: -150%; }
    20% { left: 150%; }
    100% { left: 150%; }
}

.layout-bc.smart-panel-is-visible .smartPanel-bc + .hdr-user-bc .nav-menu-other {
  height: 30px;
  background: red !important;
}

.nav-menu-container .nav-menu-sub .nav-menu-item > * {
  font-size: small !important;
}

.u-i-p-c-body-bc {
  display: flex;
  height: 100%;
  /* background: #2C1111 !important; */
}

body .crypto-currency-data {
  display: none !important;
  position: absolute;
  left: -99999px;
  top: -99999px;
  height: 0;
  width: 0;
  visibility: hidden;
  opacity: 0;
}

.wallet-menu-content {
  display: none !important;
}

.hdr-crypto-btn .connect-wallet {
  cursor: pointer;
  display: none !important;
}

.fastex-wallet-banner .sdr-image-bc {
  display: none !important;
}

html[dir="ltr"] .casino-category-chooser-container .accordion-items .accordion-button {
  width: 148px;
  border: 1px solid #8C4141 !important;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  text-align: center;
  margin: 0 5px 5px;
  padding: 5px 1px;
}

.casino-category-chooser-container .accordion-items .accordion-button:hover {
  color: #8C4141 !important;
  box-shadow: 0 0 0 1px #8C4141 !important;
}

.promotion-details-container {
  display: flex !important;
  padding: 15px !important;
  height: 100% !important;
  background-position: center !important;
  background-attachment: initial !important;
  border: 1px solid #c25a5a !important;
  box-shadow: 1px -4px 7px #dd6868 !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.accordion-items-resize span {
  width: 11.11%;
}

.accordion-items-resize span button {
  width: calc(100% - 8px) !important;
  border: 1px solid #8C4141;
  max-width: calc(100% - 8px) !important;
}



[dir=ltr] .countdown-banner-content {
  left: 145px !important;
  top: 28px !important;
  transform: scale(1.3) !important;
}

@media(max-width:1600px) {
  [dir=ltr] .is-home-page .countdown-banner-content {
    transform: scale(1) !important;
    left: 7% !important;
    top: 30% !important;
  }
}






.promotionsList-bc {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)) !important;
}
.promotions-article-title {
  display: none !important;
}

.promotionsListEl-bc {
  border-radius: 20px !important;
  position: relative !important;
}
.promotionsListEl-bc:hover:before {
  animation: slide 1s;
}
.promotionsListEl-bc:before {
  content: "";
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 50%, rgba(232, 128, 128, 0) 99%, rgba(232, 125, 125, 0)) !important;
}

@keyframes slide {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

[dir=ltr] .countdown-banner-content {
  left: 145px !important;
  top: 28px !important;
  transform: scale(1.3) !important;
}

@media(max-width:1600px) {
  [dir=ltr] .is-home-page .countdown-banner-content {
    transform: scale(1) !important;
    left: 7% !important;
    top: 30% !important;
  }
}

body .layout-header-holder-bc .hdr-dynamic-content:first-child .product-banner-container-bc {
  z-index: 999999 !important;
}
.promotionsListEl-bc {
  border: 5px solid #bb4f4f1f !important;
}

body .my-profile-info-block .dep-w-info-bc .horizontal-items-expanded .horizontal-sl-item-bc {
  display: flex !important;
}

.is-home-page .product-banner-without-titles .product-banner-img-bc {
  border-radius: 20px !important;
  width: 100%;
  overflow: hidden !important;
}

div#root.layout-bc.theme-default.betslip-Hidden .layout-content-holder-bc {
  max-width: 1630px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body .layout-header-holder-bc .hdr-dynamic-content:first-child .product-banner-container-bc {
  top: 4px !important;
}
[class*=is-web] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc.product-banner-bc {
  height: 27px !important;
}

@media (max-width:1400px) {
  [class*=is-web] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc.product-banner-bc {
    height: 20px !important;
  }
}

#mainLinks .swiper-slide {
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 
              0 5px 15px rgba(0, 0, 0, 0.2), 
              inset 0 1px 0 rgba(255, 255, 255, 0.1),
              0 0 0 1px rgba(50, 162, 125, 0.2) !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
  padding: 0 !important;
}

#mainLinks .swiper-slide:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 
              0 8px 20px rgba(0, 0, 0, 0.3), 
              inset 0 1px 0 rgba(255, 255, 255, 0.15),
              0 0 0 1px rgba(50, 162, 125, 0.4) !important;
}

#mainLinks .swiper-slide img {
  border: none !important;
  display: block;
  border-radius: 20px !important;
  overflow: hidden !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
}


.layout-header-holder-bc {
  box-shadow: none !important;
}

.layout-header-holder-bc,
.layout-content-holder-bc,
.layout-footer-holder-bc {
    max-width: var(--layout-width);
    margin-left: auto;
    margin-right: auto;
}


.layout-header-holder-bc,
.header-bc {
    height: auto !important;
    min-height: 90px !important;
}





/* güncellemeler */

.header-custom-buttons a[class*=promotions], .hdr-user-bc a[class*=promotions], .hdr-user-bc a[class*=live-chat ]{
  background: transparent !important;
  background-color: rgba(50, 162, 125, 0.1) !important;
}

/* VIP butonu */
/* VIP butonu normal ve hover - Şeffaf cam efekti */
a.bc-i-Vip {
  background-color: rgba(50, 162, 125, 0.1) !important;
  color: #fff !important;
  border: 1px solid #32a27d !important;
  transition: all 0.3s ease !important;
}

a.bc-i-Vip:hover {
  background-color: rgba(50, 162, 125, 0.2) !important;
}

/* TV butonu normal ve hover - Şeffaf cam efekti */
a[aria-label="TV"] {
  background-color: rgba(50, 162, 125, 0.1) !important;
  color: #fff !important;
  border: 1px solid #32a27d !important;
  transition: all 0.3s ease !important;
}

a[aria-label="TV"]:hover {
  background-color: rgba(50, 162, 125, 0.2) !important;
}

/* Tüm butonlar - Şeffaf cam efekti */
.header-custom-buttons a[class*="bc-i-"] {
  background-color: rgba(50, 162, 125, 0.1) !important;
  color: white !important;
  border: 1px solid #32a27d !important;
  transition: all 0.3s ease !important;
}

/* Hover'da butonlar */
.header-custom-buttons a[class*="bc-i-"]:hover {
  background-color: rgba(50, 162, 125, 0.2) !important;
}

/* PARA YATIR butonu özel: yeşil */
.header-custom-buttons a.deposit-btn {
  background-color: #10b35c !important; /* ana yeşil */
  color: white !important;
  transition: background-color 0.3s ease !important;
}

/* Hover olduğunda açık yeşil */
.header-custom-buttons a.deposit-btn:hover {
  background-color: #1fd66e !important;
}

/* Mobil header butonları kayma düzeltmesi */
@media (max-width: 992px) {
  .header-custom-buttons,
  .hdr-user-bc .header-custom-buttons,
  .nav-menu-other .header-custom-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: space-evenly !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }
  .header-custom-buttons a,
  .header-custom-buttons a[class*=promotions],
  .header-custom-buttons a[class*="bc-i-"],
  .header-custom-buttons a.deposit-btn,
  .header-custom-buttons a[aria-label="TV"] {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 6px !important;
    box-sizing: border-box !important;
    height: 44px !important;
  }
}






/*diğerleri*/

.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.is-home-page .status-popup-content-w-bc {
    width: 700px !important;
}
.layout-bc.theme-default.smart-panel-is-visible.betslip-Hidden.is-home-page .popup-holder-bc.windowed .popup-inner-bc {
    width: 700px !important;
}
.casino-popup-content img {
    width: 600px !important;
    height: 600px !important;
}
/*
body {
background-image: url(https://cmsbetconstruct.com/storage/medias/betovis/media_1872355_d0898ff40eff31da06f2bb16c39ec0dd.jpeg)!important; 
background-attachment: fixed !important; 
background-position: center !important; 
background-repeat: no-repeat !important; 
background-size: cover !important;
}
*/








.YoPhoneAppImg {
  display: none !important;
}


.YoPhoneApp {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.YoPhoneAppImg,
.YoPhoneAppTitle,
.YoPhoneAppButtons {
  display: none !important;
}

.YoPhoneAppLink {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  background-image: url(https://i.postimg.cc/ZnLBm8zM/5000-freespin-BANNER.jpg); 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 3 / 1; 
  border-radius: 8px;
}








/* PROMOSYON SAYFASI RENK GÜNCELLEMESİ */
.overlay-header,
.promotion-details-container {
  background-color: #14181c !important;
  background-image: none !important;
}

.promotion-details-header,
.promotion-details-info {
  background-color: transparent !important;
}

.promotion-details-container .spoiler {
  background-color: #1E2227 !important;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 12px;
}

.promotion-details-container .spoiler-title {
  color: #fff !important;
}

.overlay-header h1.back-nav-title-bc-h1 {
  color: #fff !important;
  font-size: 20px !important;
}

.spoiler-title span {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.spoiler-content p {
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-left: 20px !important; 
}

.spoiler-content a,
.promotion-details-container a,
a[href*="bonus-request"],
a[href*="deposit"] {
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border-radius: 24px !important;
  display: inline-block !important;
  line-height: 1.2 !important;
}













/* Promosyonlar için görsel-metin hizalanması */
.popup-holder-bc.promotion-details-popup .popup-inner-bc {
    height: 650px !important;
    border: 2px solid #c25a5a !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-container {
    height: 100% !important;
    display: grid !important;
    grid-template-columns: 400px auto !important;
    border: none !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info {
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    padding-right: 15px;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/masterpay"]),
.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/ovisbonustalep"]) {
    display: inline-block !important;
    width: 49.5% !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/masterpay"]) {
    text-align: right !important;
    padding-right: 5px !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="cutt.ly/ovisbonustalep"]) {
    text-align: left !important;
    padding-left: 5px !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/masterpay"],
.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/ovisbonustalep"] {
    display: inline-block !important;
    width: 150px !important;
    height: 42px !important;

    font-size: 0 !important;        
    color: transparent !important;   
    text-indent: -9999px !important;
    overflow: hidden !important;

    /* Arka Plan Ayarları (Değişmedi) */
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}


.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/masterpay"] {
    background-image: url(https://i.imgur.com/wTSjSxD.png) !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="cutt.ly/ovisbonustalep"] {
    background-image: url(https://i.imgur.com/BbeGqGw.png) !important;
}



/* Görüş ve öneri promosyonu */
.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="api.whatsapp.com/send/?phone="]),
.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="t.me.CepteBet"]) {
    display: inline-block !important;
    width: 49.5% !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="api.whatsapp.com/send/?phone="]) {
    text-align: right !important;
    padding-right: 5px !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="t.me.CepteBet"]) {
    text-align: left !important;
    padding-left: 5px !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="api.whatsapp.com/send/?phone="],
.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="t.me.CepteBet"] {
    display: inline-block !important;
    width: 150px !important;
    height: 42px !important;
    font-size: 0 !important;        
    color: transparent !important;   
    text-indent: -9999px !important;
    overflow: hidden !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="api.whatsapp.com/send/?phone="] {
    background-image: url(https://i.imgur.com/arinCZF.png) !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="t.me.CepteBet"] {
    background-image: url(https://i.imgur.com/LPVfEVb.png) !important;
}





























/* WEB HEADER BUTTONS - VIP, TV, Promosyonlar, Bonus Talebi butonları genel buton stillerini kullanacak */





/* Yeşil para yatırma butonu */
.deposit-btn {
  margin-right: 15px !important; /* Boşluk mesafesini artırıp azaltabilirsiniz */
}







/* WEB - MÜK.HİZMET / LİSANS / ŞİKAYET VAR LOGOLARI */
.sliderSingleEl .sliderImage {
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 
              0 5px 15px rgba(0, 0, 0, 0.2), 
              inset 0 1px 0 rgba(255, 255, 255, 0.1),
              0 0 0 1px rgba(50, 162, 125, 0.2) !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 10px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* MÜKEMMEL HİZMET ve şikayetvar rozetlerinin (ilk 2 sliderImage) arkasındaki 3D kutuları kaldır */
.sliderSingleEl .sliderImage:first-child,
.sliderSingleEl .sliderImage:nth-child(1),
.sliderSingleEl .sliderImage:nth-child(2) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.sliderSingleEl .sliderImage:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 
              0 8px 20px rgba(0, 0, 0, 0.3), 
              inset 0 1px 0 rgba(255, 255, 255, 0.15),
              0 0 0 1px rgba(50, 162, 125, 0.4) !important;
}

/* Şikayet, Müşteri Hizmet, Puan ve Curacao Lisans logolarının arkasındaki 3D kutuları kaldır */
.sliderSingleEl .sliderImage:has(img[src$="bf56186a8e22a2cc696c303537e3d7bc.png"]),
.sliderSingleEl .sliderImage:has(img[src$="b1a99c98d7faa00e591f624aa789c99c.png"]),
.sliderSingleEl .sliderImage:has([class*="curacao"]),
.sliderSingleEl .sliderImage:has([data-curacao]),
.sliderSingleEl .sliderImage:has([aria-label*="curacao" i]),
.sliderSingleEl .sliderImage:has([aria-label*="curacao" i]),
/* MÜKEMMEL HİZMET ve şikayetvar rozetlerinin arkasındaki 3D kutuları kaldır */
.sliderSingleEl .sliderImage:has([aria-label*="MÜKEMMEL" i]),
.sliderSingleEl .sliderImage:has([aria-label*="HİZMET" i]),
.sliderSingleEl .sliderImage:has([aria-label*="şikayetvar" i]),
.sliderSingleEl .sliderImage:has([aria-label*="şikayet" i]),
.sliderSingleEl .sliderImage:has([title*="MÜKEMMEL" i]),
.sliderSingleEl .sliderImage:has([title*="HİZMET" i]),
.sliderSingleEl .sliderImage:has([title*="şikayetvar" i]),
.sliderSingleEl .sliderImage:has([title*="şikayet" i]),
.sliderSingleEl .sliderImage:first-child,
.sliderSingleEl .sliderImage:nth-child(1),
.sliderSingleEl .sliderImage:nth-child(2) {
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 10px !important;
}

.sliderSingleEl .sliderImage img[src$="bf56186a8e22a2cc696c303537e3d7bc.png"],
.sliderSingleEl .sliderImage img[src$="b1a99c98d7faa00e591f624aa789c99c.png"] {
  width: 160px !important;
  height: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 0 !important;
  overflow: visible !important;
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
}














/* Sidebar butonları düzenleme - Küçültülmüş versiyon */
.sidebar-content .sidebar-item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 8px 12px !important;
    min-height: 45px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Sidebar buton resimleri */
.sidebar-content .sidebar-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    margin-right: 10px !important;
    flex-shrink: 0 !important;
}

.sidebar-content .sidebar-image img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
}

/* Sidebar buton yazıları */
.sidebar-content .sidebar-title {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    flex: 1 !important;
}

/* Tüm butonların eşit yüksekliği için */
.sidebar-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}























@keyframes continuousSlide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}



































































































/* wp ve tg butonları düzenlemesi */
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) { 
  display: grid !important;
  grid-template-columns: repeat(4, auto) !important;
  grid-template-rows: repeat(2, auto) !important;
  gap: 12px 15px !important;
  padding: 15px 20px !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #32a27d transparent !important;
}

.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  overflow: visible !important;
  transform: none !important;
  flex-shrink: 0 !important;
  scroll-snap-align: start !important;
}

.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage {
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 
              0 5px 15px rgba(0, 0, 0, 0.2), 
              inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* Horizontal slider'daki Curacao logosu ve diğer lisans logolarının 3D kutularını kaldır */
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:has([class*="curacao"]),
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:has([data-curacao]),
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:has([aria-label*="curacao" i]),
.horizontalSliderRow .sliderImage:has([class*="curacao"]),
.horizontalSliderRow .sliderImage:has([data-curacao]),
.horizontalSliderRow .sliderImage:has([aria-label*="curacao" i]) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:hover {
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 
              0 8px 20px rgba(0, 0, 0, 0.3), 
              inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  filter: brightness(1.2) !important; 
  opacity: 1 !important;
  transition: none !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  transform: none !important;
}

/* Horizontal slider'daki şikayet, müşteri hizmet, puan ve curacao lisans logolarının arkasındaki 3D kutuları kaldır */
.horizontalSliderRow .sliderImage:has(img[src$="bf56186a8e22a2cc696c303537e3d7bc.png"]),
.horizontalSliderRow .sliderImage:has(img[src$="b1a99c98d7faa00e591f624aa789c99c.png"]),
.horizontalSliderRow .sliderImage:has([class*="curacao"]),
.horizontalSliderRow .sliderImage:has([data-curacao]),
.horizontalSliderRow .sliderImage:has([aria-label*="curacao" i]),
/* MÜKEMMEL HİZMET ve şikayetvar rozetlerinin arkasındaki 3D kutuları kaldır */
.horizontalSliderRow .sliderImage:has([aria-label*="MÜKEMMEL" i]),
.horizontalSliderRow .sliderImage:has([aria-label*="HİZMET" i]),
.horizontalSliderRow .sliderImage:has([aria-label*="şikayetvar" i]),
.horizontalSliderRow .sliderImage:has([aria-label*="şikayet" i]),
.horizontalSliderRow .sliderImage:has([title*="MÜKEMMEL" i]),
.horizontalSliderRow .sliderImage:has([title*="HİZMET" i]),
.horizontalSliderRow .sliderImage:has([title*="şikayetvar" i]),
.horizontalSliderRow .sliderImage:has([title*="şikayet" i]),
.horizontalSliderRow .sliderImage:first-child,
.horizontalSliderRow .sliderImage:nth-child(1),
.horizontalSliderRow .sliderImage:nth-child(2) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.horizontalSliderRow .sliderImage img[src$="bf56186a8e22a2cc696c303537e3d7bc.png"],
.horizontalSliderRow .sliderImage img[src$="b1a99c98d7faa00e591f624aa789c99c.png"] {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ========== FOOTER DÜZENLEMELER ========== */

.layout-footer-holder-bc,
.layout-footer-holder-bc .footer-bc,
.layout-footer-holder-bc .footer-bc p,
.layout-footer-holder-bc .footer-bc span,
.layout-footer-holder-bc .footer-bc a,
.layout-footer-holder-bc .ftr-l-i-row-bc,
.layout-footer-holder-bc .ftr-l-i-row-bc p,
.layout-footer-holder-bc .ftr-l-i-row-bc span {
  font-size: 10px !important;
  line-height: 1.55 !important;
}

.layout-footer-holder-bc .ftr-l-i-bc {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
}

.layout-footer-holder-bc .ftr-l-i-row-bc {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 8px 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  box-sizing: border-box !important;
}

/* Logo satiri */
.layout-footer-holder-bc .ftr-l-i-row-bc:has(img[src*="bf56186a8e22a2cc696c303537e3d7bc"]) {
  display: grid !important;
  grid-template-columns: repeat(3, max-content) !important;
  justify-content: center !important;
  gap: 34px !important;
  max-width: 360px !important;
}

/* Footer row index bazli kesin yerlesim */
.layout-footer-holder-bc .ftr-l-i-bc > .ftr-l-i-row-bc:nth-of-type(2) {
  display: grid !important;
  grid-template-columns: repeat(3, max-content) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 28px !important;
  max-width: 340px !important;
  margin: 0 auto !important;
}

/* Yasal yazi satiri */
.layout-footer-holder-bc .ftr-l-i-row-bc:has(a[href*="fixobet62.com"]) {
  display: block !important;
  max-width: 920px !important;
}

.layout-footer-holder-bc .ftr-l-i-bc > .ftr-l-i-row-bc:nth-of-type(3) {
  display: block !important;
  max-width: 920px !important;
  margin: 0 auto !important;
}

.layout-footer-holder-bc .ftr-l-i-row-bc:has(a[href*="fixobet62.com"]) p {
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto 8px !important;
  text-align: left !important;
}

.layout-footer-holder-bc .ftr-l-i-bc > .ftr-l-i-row-bc:nth-of-type(3) p,
.layout-footer-holder-bc .ftr-l-i-bc > .ftr-l-i-row-bc:nth-of-type(3) span,
.layout-footer-holder-bc .ftr-l-i-bc > .ftr-l-i-row-bc:nth-of-type(3) span[style],
.layout-footer-holder-bc .ftr-l-i-bc > .ftr-l-i-row-bc:nth-of-type(3) a,
.layout-footer-holder-bc .ftr-l-i-bc > .ftr-l-i-row-bc:nth-of-type(3) a[style] {
  font-size: 10px !important;
  line-height: 1.55 !important;
}

/* Alt destek butonlari */
.layout-footer-holder-bc .ftr-l-i-row-bc:has(img[src*="231d1d6feb0ae90268a948e82745ef91"]) {
  display: grid !important;
  grid-template-columns: repeat(4, max-content) !important;
  justify-content: center !important;
  gap: 10px 14px !important;
  max-width: 640px !important;
}

.layout-footer-holder-bc .ftr-l-i-bc > .ftr-l-i-row-bc:nth-of-type(4) {
  display: grid !important;
  grid-template-columns: repeat(4, max-content) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px 14px !important;
  max-width: 640px !important;
  margin: 0 auto !important;
}

.layout-footer-holder-bc .ftr-l-i-row-bc a,
.layout-footer-holder-bc .ftr-l-i-row-bc > * {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
}

.layout-footer-holder-bc img {
  display: block !important;
  margin: 0 auto !important;
  width: auto !important;
  height: auto !important;
  max-height: 52px !important;
  object-fit: contain !important;
}

.layout-footer-holder-bc img[src*="bf56186a8e22a2cc696c303537e3d7bc"] { max-height: 48px !important; max-width: 108px !important; }
.layout-footer-holder-bc img[src*="anjouangamingboard"],
.layout-footer-holder-bc img[src*="seal"],
.layout-footer-holder-bc img[src*="valid-seal"] { max-height: 50px !important; max-width: 116px !important; }
.layout-footer-holder-bc img[src*="b1a99c98d7faa00e591f624aa789c99c"] { max-height: 48px !important; max-width: 108px !important; }
.layout-footer-holder-bc img[src*="231d1d6feb0ae90268a948e82745ef91"],
.layout-footer-holder-bc img[src*="175a56b760e5cef37a35715fd26cada2"],
.layout-footer-holder-bc img[src*="966478c29258d00584305a7bca14d249"],
.layout-footer-holder-bc img[src*="4aa90505d1090dd15eb7bf1228238ae4"],
.layout-footer-holder-bc img[src*="176eb37d9deddae28cd024af44a67b56"],
.layout-footer-holder-bc img[src*="0386674d6e4eed26679b204b8881270c"] { max-height: 34px !important; max-width: 140px !important; }
.layout-footer-holder-bc img[src*="2b3fdf17462ab974dacfdbc4db695608"],
.layout-footer-holder-bc img[src*="546f0f71778aa795156ddcb7e501c2f1"] { max-height: 36px !important; max-width: 130px !important; }

/* Gereksiz footer elemanlari */
.layout-footer-holder-bc img[src*="c6d28a8ed6fda1e430e3c5318349424b"],
.layout-footer-holder-bc .ftr-payments-row-bc,
.layout-footer-holder-bc .ftr-payments-row-img-bc,
.layout-footer-holder-bc .ftr-payments-bc,
.layout-footer-holder-bc .ftr-p-row-bc,
.layout-footer-holder-bc .ftr-p-i-bc,
.layout-footer-holder-bc [class*="ftr-payments"],
.layout-footer-holder-bc [class*="payments"],
.layout-footer-holder-bc [class*="ftr-p-row"],
.layout-footer-holder-bc [class*="ftr-p-i"],
.layout-footer-holder-bc .scroll-top-bc,
.layout-footer-holder-bc .scroll-to-top,
.layout-footer-holder-bc [class*="scroll-top"],
.layout-footer-holder-bc [class*="scrollTop"],
.layout-footer-holder-bc [class*="back-to-top"],
.layout-footer-holder-bc .btn-scroll,
.layout-footer-holder-bc img[src*="c0c2ae32546f40083acb7b7e2c1179ff"] {
  display: none !important;
  visibility: hidden !important;
}

.layout-footer-holder-bc .ftr-links-bc {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px 15px !important;
}

.layout-footer-holder-bc .ftr-copyright-bc {
  text-align: center !important;
  color: rgba(255, 255, 255, 0.55) !important;
  padding: 10px 0 !important;
}

/* TELEGRAM/WHATSAPP - 4'LÜ GRİD, ORTALI (SADECE FOOTER) */
.layout-footer-holder-bc .horizontalSliderRow,
.footer-bc .horizontalSliderRow,
.ftr-l-i-bc .horizontalSliderRow {
  display: grid !important;
  grid-template-columns: repeat(4, auto) !important;
  grid-template-rows: repeat(2, auto) !important;
  gap: 12px 15px !important;
  padding: 15px 20px !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  justify-content: center !important;
  align-items: center !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scrollbar-color: #32a27d transparent !important;
}

.layout-footer-holder-bc .horizontalSliderRow .sliderImage,
.footer-bc .horizontalSliderRow .sliderImage {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transform: none !important;
  width: auto !important;
  height: auto !important;
}

.layout-footer-holder-bc .horizontalSliderRow .sliderImage img,
.footer-bc .horizontalSliderRow .sliderImage img {
  max-height: 36px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 6px !important;
}

/* Footer scrollbar stili */
.layout-footer-holder-bc .horizontalSliderRow::-webkit-scrollbar {
  height: 4px !important;
}

.layout-footer-holder-bc .horizontalSliderRow::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.2) !important;
  border-radius: 3px !important;
}

.layout-footer-holder-bc .horizontalSliderRow::-webkit-scrollbar-thumb {
  background: #32a27d !important;
  border-radius: 3px !important;
}

.layout-footer-holder-bc .horizontalSliderRow::-webkit-scrollbar-thumb:hover {
  background: #28856a !important;
}

/* ========== SLIDER ÜST BOŞLUK ========== */
.layout-content-holder-bc > div:first-child {
  margin-top: 15px !important;
} 

/* Slider üstündeki story/app bloğunu kapat */
.is-home-page .YoPhoneApp,
.is-home-page .YoPhoneAppLink {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
















 









/* Footer sosyal medya özel ikonları */
.footerSocialLinks .bc-i-instagram {
    background: url('https://i.ibb.co/XxBLLW0k/inst.png') no-repeat center center !important;
    background-size: contain !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    background-clip: initial !important;
    color: transparent !important;
    text-indent: -9999px; 
    width: 33px; 
    height: 33px; 
    display: inline-block;
}

.footerSocialLinks .bc-i-telegram {
    background: url('https://i.ibb.co/5WZSqmB5/Ads-z-tasar-m.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.footerSocialLinks .bc-i-twitter {
    background: url('https://i.ibb.co/4RtBDMrC/Ads-z-tasar-m-1.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

.footerSocialLinks .bc-i-whatsapp {
    background: url('https://i.ibb.co/GQW771Xn/Ads-z-tasar-m-2.png') no-repeat center center !important;
    background-size: contain !important;
    color: transparent !important;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
    display: inline-block;
}

/* MARKET STİLLERİ */
.market-bc,
.market-bc .coeff-bc,
.market-bc .market-name-bc,
.odd_coefficient, .eur-odd, .coef, .d-odd, .coefficient-bc {
    color: #ffffff !important;
    background: transparent !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    box-shadow: none !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
}

.market-bc.active,
.market-bc.active *,
.market-bc.active span,
.market-bc.active .coeff-bc,
.market-bc.active .market-name-bc {
    background: #32a27d !important;
    color: #000000 !important;
    border-color: #32a27d !important;
    box-shadow: 0 0 8px rgba(50, 162, 125, 0.4) !important;
    caret-color: #000000 !important;
}

/* Arka plan katmanı */
.u-i-p-a-content-bc:before {
    content: "" !important;
    position: absolute !important; /* Bu olmadan top/left çalışmaz */
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: .9 !important;
    background: radial-gradient(circle at -14% 113%, #2c3d44, #32a27d 135%) !important;
    z-index: 0 !important; /* İçeriğin altında kalsın */
}

/* Ana kutu ve Loyalty arka planı */
.u-i-p-a-loyaltyPoint-bc {
    position: relative !important; /* Before elementini içinde tutması için şart */
    background-image: radial-gradient(circle at -14% 113%, #2c3d44, rgba(50, 162, 125, 0.74)) !important;
    z-index: 1 !important;
    border: 1px solid #32a27d !important; /* Kenarlığı da belirginleştirdim */
}

/* YILBAŞI BİLETİ EFEKTİ */
@keyframes pulse-force-cyan {
  0% {
    box-shadow: 0 0 0 0 rgba(50, 162, 125, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(50, 162, 125, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(50, 162, 125, 0);
  }
}

/* 1. Butonun kendisini hazırlıyoruz */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="YILBA5I BİLETİ"] {
    position: relative !important;
    overflow: visible !important;
    background: rgba(50, 162, 125, 0.05) !important;
    z-index: 10 !important;
    
    /* Mevcut metni gizle */
    color: transparent !important;
    text-indent: -9999px !important;
    font-size: 0 !important;
    white-space: nowrap !important;
}

/* 2. YENİ METNİ EKLE (::before kullanıyoruz) */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="YILBA5I BİLETİ"]::before {
    content: "BİLET ETKİNLİĞİ" !important; /* BURADA METİN VAR */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    z-index: 11 !important;
    pointer-events: none !important;
}

/* 3. GÖLGE EFEKTİ (::after boş kalacak) */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="YILBA5I BİLETİ"]::after {
    content: '' !important; /* BURASI BOŞ KALACAK - sadece gölge için */
    position: absolute !important;
    top: 0; left: 0; right: 0; bottom: 0;
    
    border-radius: 15px !important;
    box-shadow: 0 0 0 0 rgba(50, 162, 125, 0.7) !important;
    animation: pulse-force-cyan 2s infinite cubic-bezier(0.66, 0, 0, 1) !important;
    
    z-index: -1 !important; /* Yazının arkasında */
    pointer-events: none !important;
}

/* SLIDER 3D KUTU EFEKTİ - Sadece slider'lar için, görseller bozulmadan */
/* Slider görselleri normal kalacak, sadece köşeler yuvarlatılmış */
.sliderImage img,
.swiper-slide img {
    border-radius: 20px !important;
    overflow: hidden !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

/* Curacao logosu ve lisans logolarının 3D kutularını kaldır - Tüm selector'lar */
[class*="curacao"],
[data-curacao],
[aria-label*="curacao" i],
[aria-label*="Curacao"],
.sliderImage:has([class*="curacao"]),
.sliderImage:has([data-curacao]),
.sliderImage:has([aria-label*="curacao" i]),
.sliderImage:has([aria-label*="Curacao"]),
.sliderSingleEl .sliderImage:has([class*="curacao"]),
.sliderSingleEl .sliderImage:has([data-curacao]),
.sliderSingleEl .sliderImage:has([aria-label*="curacao" i]),
.sliderSingleEl .sliderImage:has([aria-label*="Curacao"]) {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ========== SITE GENEL ARKA PLAN FIX ========== */
html,
body,
#root,
body > #root,
.layout-bc {
  background-color: #14181c !important;
  background-image: url("https://i.ibb.co/n8cDP650/Firefly-Gemini-Flash-imdi-g-zel-bir-g-zel-bir-ekilde-Fixobet-Yazar-m-s-n-53025.png") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
  min-height: 100vh !important;
}

.layout-content-holder-bc,
.layout-footer-holder-bc,
.footer-bc,
.sportsbook-container,
.left-menu-container,
.right-menu-container,
.center-column-container,
.betslip-holder-bc,
.betslip-bc {
  background: transparent !important;
  background-color: transparent !important;
}

.layout-header-holder-bc,
.header-bc,
.nav-content-bc,
.nav-menu-container {
  background-color: rgba(19, 39, 47, 0.82) !important;
}