/* ========================================
   HilBet Custom CSS — Temiz Final Versiyon
   CSS-only yaklaşım (JS yok)
   ======================================== */

/* --- Buton Stilleri --- */

.btn.sign-in {
  background: linear-gradient(90deg, #313c53 0%, #4d5c78 51%, #313c53 100%) !important;
  color: #ffffff !important;
  border: 1px solid #516385;
  border-radius: 10px !important;
  padding: 9px 25px !important;
  text-decoration: none !important;
  font-weight: bold;
  height: 34px !important;
}

.btn.register {
  padding: 9px 20px !important;
  font-weight: bold;
  border-radius: 10px !important;
  height: 34px !important;
}

.hdr-user-bc .btn.register {
  background: linear-gradient(90deg, #08b807 0%, #35eb41 51%, #00be06 100%) !important;
  color: #000 !important;
  border-radius: 5px;
  border: 1px solid #35eb41;
}

.btn.a-color {
  background: linear-gradient(90deg, #08b807 0%, #35eb41 51%, #00be06 100%) !important;
  color: rgba(var(--oc-1-sc), 1) !important;
  border-radius: 5px;
  border: 1px solid #35eb41;
  transition: background var(--default-transition-duration);
}

.btn,
.btn.a-color {
  font-weight: bold !important;
}

/* --- Slider / Banner --- */

.horizontalSliderElem {
  background: none !important;
  padding: 0 !important;
}

.horizontalSliderElem * {
  filter: none !important;
  opacity: 1 !important;
}

.is-home-page .product-banner-info-bc {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #42cd1f;
}

.product-banner-container-bc {
  background: none !important;
  padding: 0 !important;
  grid-gap: 0 !important;
}

/* --- Casino Oyun Kartları --- */

.casino-game-item-content .casino-game-item {
  border-radius: 30px !important;
  overflow: hidden;
  border: 1px solid #39f1f8;
}

.view-title-more {
  color: #dbf1d6 !important;
}

/* --- Promosyonlar Sayfası --- */

.promotionsList-bc h3 {
  display: none;
}

.promotionsList-bc article {
  border-radius: 10px;
}

.promotionsArticleThumbnail-bc {
  border-radius: 20px !important;
}

.promotions-article-title {
  display: none !important;
}

.promotionsList-bc:not(.gridView) {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
}

/* Hover'da animasyonlu beyaz parlama gecisi */
.product-banner-container-bc .product-banner-bc,
.promotionsList-bc article {
  position: relative;
  overflow: hidden;
}

@keyframes white-sweep {
  0% {
    transform: translateX(-120%);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

.product-banner-container-bc .product-banner-bc::after,
.promotionsList-bc article::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    110deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.28) 50%,
    rgba(255, 255, 255, 0) 70%
  );
  opacity: 0;
  pointer-events: none;
  transform: translateX(-120%);
}

.product-banner-container-bc .product-banner-bc:hover::after,
.promotionsList-bc article:hover::after {
 animation: white-sweep 1050ms ease;
}

/* --- Header --- */

.sdr-item-bc:before {
  display: none !important;
}

.hdr-logo-bc {
  height: 90px !important;
  max-width: none !important;
}

/* --- Performans: Layout Shift & Scroll Jank --- */

.hm-row-bc {
  contain: layout style;
}

.layout-footer-holder-bc {
  contain: layout style;
}

.swiper {
  contain: layout style paint;
}


/* Başlığı "Yüksek Kazançlar" olarak değiştir */
.sectionTitleTextHeading {
    font-size: 0 !important;
}

.sectionTitleTextHeading::after {
    content: "Yüksek Kazançlar";
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
}

/* Header yapısını dikey hale getir */
.casinoTopWinnersWidgetHeader {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

/* Canlı sekmesini gizle */
.casinoTopWinnersPeriodsSection .ds-chip:first-child {
    display: none !important;
}

/* Günlük / Haftalık / Aylık filtrelerini sola hizala */
.casinoTopWinnersPeriodsSection {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 8px !important;
}

/* Kazanan kartlarını büyüt */
.casinoWinnerWidgetItem {
    min-width: 280px !important;
    padding: 14px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.05) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Oyun görselini büyüt */
.casinoWinnerWidgetImg {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    border-radius: 10px !important;
}

/* Kullanıcı adı */
.casinoWinnerWidgetName {
    font-size: 14px !important;
}

/* Oyun adı */
.casinoWinnerWidgetGameName {
    font-size: 15px !important;
    line-height: 1.3 !important;
}

/* Kazanç tutarı */
.casinoWinnerWidgetAmount {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

/* Kaydırılan alanın yüksekliğini artır */
.runningLineWidget,
.runningLineWrapper {
    min-height: 120px !important;
}


.product-banner-container-bc,
.product-banner-container-bc * {
  overflow: visible !important;
}

.product-banner-container-bc img.product-banner-img-bc {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  min-height: 80px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

.product-banner-container-bc .product-banner-info-bc,
.product-banner-container-bc .product-banner-bc {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  background-size: cover !important;
  background-position: center !important;
}


/* KOYU OVERLAY */
.popup-holder-bc.windowed.info{
    background:rgba(0,0,0,.60)!important;
    backdrop-filter:blur(12px) brightness(.6)!important;
    -webkit-backdrop-filter:blur(12px) brightness(.6)!important;
}

/* ORTALAMA */
.popup-holder-bc.windowed.info .popup-middleware-bc{
    width:100%!important;
    min-height:100vh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:20px!important;
}

/* POPUP KUTUSU */
.popup-holder-bc.windowed.info #base_popup_id{
    width:auto!important;
    max-width:720px!important;
    background:#073535!important;
    border-radius:20px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 30px 100px rgba(0,0,0,.75)!important;
    position:relative!important;
    padding:15px 15px 88px 15px!important;
}

/* BAŞLIK GİZLE */
.popup-holder-bc.windowed.info .casino-popup-title{
    display:none!important;
}

/* İÇERİK */
.popup-holder-bc.windowed.info .status-popup-content-w-bc,
.popup-holder-bc.windowed.info .casino-popup-content{
    margin:0!important;
    padding:0!important;
}

.popup-holder-bc.windowed.info .casino-popup-content{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    background:#073535!important;
}

.popup-holder-bc.windowed.info .casino-popup-content p{
    margin:0!important;
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
}

/* GÖRSEL */
.popup-holder-bc.windowed.info .casino-popup-content img{
    display:block!important;
    width:auto!important;
    max-width:96%!important;
    max-height:78vh!important;
    margin:15px auto 0 auto!important;
    object-fit:contain!important;
    border-radius:12px!important;
}

/* X */
.popup-holder-bc.windowed.info #close_popup_button_id{
    position:absolute!important;
    top:16px!important;
    right:16px!important;
    width:46px!important;
    height:46px!important;
    border-radius:50%!important;
    background:rgba(0,0,0,.35)!important;
    color:#00ffd0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:100!important;
    font-size:22px!important;
    cursor:pointer!important;
}

/* KAPAT */
.popup-holder-bc.windowed.info .casino-popup-button-block{
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    width:50%!important;
    padding:12px!important;
    margin:0!important;
}

.popup-holder-bc.windowed.info .casino-popup-button-block .btn{
    width:100%!important;
    height:56px!important;
    border:none!important;
    border-radius:12px!important;
    background:#062729!important;
    color:#7dd9d2!important;
    font-size:15px!important;
    font-weight:700!important;
    cursor:pointer!important;
}

/* BİR DAHA GÖSTERME - CHECKBOX GİBİ ÇALIŞIR */
.popup-holder-bc.windowed.info .popup-checkbox{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    width:50%!important;
    padding:12px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    cursor:pointer!important;
    pointer-events:auto!important;
}

/* Asıl checkbox görünmez ama tıklanabilir kalır */
.popup-holder-bc.windowed.info .popup-checkbox input.checkbox-control-input-bc{
    display:block!important;
    position:absolute!important;
    inset:12px!important;
    width:calc(100% - 24px)!important;
    height:56px!important;
    opacity:0!important;
    visibility:visible!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:30!important;
}

/* Eski checkbox ikonunu gizle */
.popup-holder-bc.windowed.info .popup-checkbox i{
    display:none!important;
}

/* Görsel buton */
.popup-holder-bc.windowed.info .popup-checkbox .checkbox-control-text-bc{
    width:100%!important;
    height:56px!important;
    margin:0!important;
    border-radius:12px!important;
    background:#00ff88!important;
    color:#062729!important;
    font-size:0!important;
    font-weight:800!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:none!important;
    z-index:1!important;
}

.popup-holder-bc.windowed.info .popup-checkbox .checkbox-control-text-bc::after{
    content:"Bir daha gösterme";
    font-size:15px!important;
}

/* Seçilince kullanıcıya belli olur */
.popup-holder-bc.windowed.info .popup-checkbox:has(input:checked) .checkbox-control-text-bc{
    background:#00c96b!important;
    box-shadow:0 0 0 3px rgba(255,255,255,.35) inset!important;
}

.popup-holder-bc.windowed.info .popup-checkbox:has(input:checked) .checkbox-control-text-bc::before{
    content:"✓";
    font-size:18px!important;
    font-weight:900!important;
    margin-right:7px!important;
}

.popup-holder-bc.windowed.info .popup-checkbox:has(input:checked) .checkbox-control-text-bc::after{
    content:"Seçildi - Tamam'a bas";
    font-size:15px!important;
}