/* Logo CSS */
.site-logo {
    font-family: 'Arial', sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    padding: 10px 15px !important;
    display: inline-block !important;
    position: relative !important;
    color: #ffc107 !important;
    letter-spacing: 1px !important;
}

.site-logo::before {
    content: 'BET' !important;
    color: #ffc107 !important;
}

.site-logo::after {
    content: 'CLAS' !important;
    color: #ffffff !important;
}

.site-logo:hover::before,
.site-logo:hover::after {
    text-shadow: 0 0 10px rgba(255, 193, 7, 0.5) !important;
    transition: all 0.3s ease !important;
}


/* Mobil için logo boyutu ayarı */
@media (max-width: 768px) {
    .site-logo {
        font-size: 24px !important;
        padding: 8px 12px !important;
    }
}

.casino-full-game-bg {
    background-image: url('https://cdn.abcbcaabc.xyz/betclas/1745632050_84eace6a05ffd43057e1.jpg?v=147.16') !important;
}

#popup-popup .status-popup-content-w-bc, #popup-popup .popup-inner-bc
{
background: transparent !important;
}

#popup-popup .status-popup-content-w-bc {
    width: 600px !important;
}

#popup-popup .casino-popup-content {
max-height: 80vh !important;
}

body {
  max-width: 1750px !important; /* Sitenin genişliğini belirle */
  margin: 0 auto !important; /* Ortala */
  padding: 20px !important; /* Kenar boşluğu */
}


 body {
    background-image: url("https://cdn.abcbcaabc.xyz/betclas/1745631977_b2ace29f386e960e2c8c.jpg?v=147.16") !important;
    background-size: cover; /* Resmin ekranı kaplamasını sağlar */
    background-position: center; /* Resmi ortalar */
    background-repeat: no-repeat; /* Tekrarlamayı engeller */
    background-attachment: fixed; /* Sayfa kaydırıldığında arka plan sabit kalır */
  
}

/* Mobil cihazlar için özel ayar */
@media (max-width: 768px) {
    body {
        background-size: contain; /* Mobilde resmi ekran boyutuna göre ayarlar */
        background-attachment: scroll; /* Mobilde kaydırılabilir yap */
    }
}

#root {
  background-color: #18181d !important;
}



/* HDR logo boyut kısıtlamasını kaldır */
img.hdr-logo-bc {
  max-width: none !important;   /* “sığdırma”yı iptal et */
  width: auto !important;       /* doğal genişlik gelsin */
  height: auto !important;      /* oranı koru */
}
img.hdr-logo-bc {
  width: 250px !important;
  height: auto !important;
}
/* Header yüksekliğini logo için aç */
.hdr-main-content-bc {
  height: auto !important;       /* sabit yüksekliği iptal et */
  min-height: 60px !important;   /* istersen logo yüksekliğine göre ayarla */
  padding: 0px 0 !important;    /* üst-alt boşluk ver */
  align-items: center;           /* flex ise ortalar */
}

.layout-content-holder-bc .layout-types.layout-group-Popup {
  /* Sadece popup grubunun üstündeki boşluğu ayarlar */
  margin-top: -5px;  /* örn. 10px, daha az boşluk için düşürün */
}

.bonus-strip {
    width: 100%;
    max-width: 1750px;
    margin: 0 auto;
    height: 70px;
    background: linear-gradient(90deg, #1a1a1a, #000000);
    position: relative;
    cursor: pointer;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    border-bottom: 2px solid #ffcc00;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

#step-2 .form-control-bc:has(#getRegisterForm-telephone)::before {
  content: "📌 Numaranızı başında 0 olmadan giriniz. Örn: 5XX1234567";
  display: block;
  color: #f1c40f;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 4px;
}

.ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker-title select.ui-datepicker-year {
  background-color: #111 !important;   /* Koyu arka plan */
  color: #fff !important;              /* Beyaz yazı */
  border: 1px solid #444 !important;   /* Hafif sınır */
  padding: 4px;
  border-radius: 4px;
}

/* Açılır listedeki seçeneklerin arka planı da siyah olsun */
.ui-datepicker-title select option {
  background-color: #111;
  color: #fff;
}


.hm-row-bc:not(:first-child:empty)+.hm-row-bc {
    margin-top: 5px !important;
}