/* tüm site bg */
body{
  /* background:rgb(37 0 0) !important; */
  background: #14181C !important;
    background-image: none !important;
    background-color: #13272F !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #ffffff !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;

/* --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: 1670px;
    --cs-bg: none;
}

.informative-widget-container strong u:nth-of-type(1)  {
  text-decoration: none !important;
  color:#ffffff !important; /* kırmızı renk *
  border-bottom: 3px solid red; /* Kalın kırmızı çizgi */
  padding-bottom: 1px; /* Çizgiyi aşağıya kaydırmak için boşluk */
}




.informative-widget-link {
    border-top: 2px solid #d22e1f !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: 200px !important;
  padding: -7px 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
}

.hdr-logo-bc img {
    padding: 0 !important;
    height: auto !important;
    max-height: none !important;
    width: auto !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: 20px !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: rgba(210, 46, 31, 1) !important;
  box-shadow: none !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: #2C1111 !important;
  padding: 0px !important;
  padding-left: 20px !important;
  margin-top: 4px;
}

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;
}

.hdr-logo-bc {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
}

.hdr-logo-bc img {
    padding: 0 !important;
    height: auto !important;
    max-height: none !important;
    width: auto !important;
}

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




.hdr-dynamic-content {
  padding: 0px !important;
  margin-top: 0px !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;
}






/*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=380993316977"]),
.popup-holder-bc.promotion-details-popup .promotion-details-info p:has(a[href*="t.me/betofix"]) {
    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=380993316977"]) {
    text-align: right !important;
    padding-right: 5px !important;
}

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

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="api.whatsapp.com/send/?phone=380993316977"],
.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="t.me/betofix"] {
    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=380993316977"] {
    background-image: url(https://i.imgur.com/arinCZF.png) !important;
}

.popup-holder-bc.promotion-details-popup .promotion-details-info a[href*="t.me/betofix"] {
    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;
}






















/* header notification */
.hdr-dynamic-content .carouselWrapper .swiper {
    overflow: hidden;
    width: 100%;
    height: auto;
    position: relative;
}

.hdr-dynamic-content .carouselWrapper .swiper-wrapper {
    display: flex;
    width: 200%;
    animation: continuousSlide 20s infinite linear;
}

.hdr-dynamic-content .carouselWrapper .swiper-slide {
    flex-shrink: 0;
    width: 50% !important;
    min-width: 50%;
}

.hdr-dynamic-content .informative-widget {
    width: 100%;
}

.hdr-dynamic-content .informative-widget span {
    white-space: nowrap;
    display: inline;
}

.hdr-dynamic-content .informative-widget-container {
    overflow: hidden;
    width: 100%;
}

.hdr-dynamic-content .carouselWrapper .swiper-button-prev,
.hdr-dynamic-content .carouselWrapper .swiper-button-next {
    display: none !important;
}

.hdr-dynamic-content .carouselWrapper:hover .swiper-wrapper {
    animation-play-state: paused;
}

@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: max-content max-content !important;
  grid-template-rows: repeat(4, auto) !important;
  row-gap: 25px !important;
  column-gap: 80px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !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: hidden !important;
  transform: scale(0.75) !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;
}

.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(1) { grid-column: 1; grid-row: 1; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(2) { grid-column: 1; grid-row: 2; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(3) { grid-column: 1; grid-row: 3; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(4) { grid-column: 2; grid-row: 1; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(5) { grid-column: 2; grid-row: 2; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(6) { grid-column: 2; grid-row: 3; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(7) { grid-column: 1; grid-row: 4; } 
.horizontalSliderRow:has(.sliderImage:nth-child(8):last-child) .sliderImage:nth-child(8) { grid-column: 2; grid-row: 4; } 
















 









/* 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;
}










