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