/* Betbalina Dark Navy Theme - CSS Only */
/* Referans: Betbalina Tasarım.jpg */

/* ==========================================
   CSS VARIABLES
   ========================================== */

:root {
  --accent: 10, 22, 46 !important;
  --accent-hover: 18, 32, 62 !important;
  --accent-sc: 255, 255, 255 !important;
  --b: 10, 22, 46 !important;
  --b-hover: 18, 32, 62 !important;
  --b-sc: 255, 255, 255 !important;
  --hero: 5, 10, 28 !important;
  --hero-hover: 10, 18, 40 !important;
  --hero-sc: 255, 255, 255 !important;
  --header: 5, 10, 28 !important;
  --header-hover: 10, 18, 40 !important;
  --header-sc: 255, 255, 255 !important;
  --menu: 8, 18, 40 !important;
  --menu-hover: 14, 28, 55 !important;
  --menu-sc: 255, 255, 255 !important;
  --tab-navigation: 8, 18, 40 !important;
  --tab-navigation-hover: 14, 28, 55 !important;
  --tab-navigation-sc: 255, 255, 255 !important;
  --oc-1: 200, 215, 235 !important;
  --oc-1-hover: 220, 230, 245 !important;
  --oc-1-sc: 0, 0, 0 !important;
  --oc-2: 180, 200, 225 !important;
  --oc-2-hover: 200, 215, 240 !important;
  --oc-2-sc: 0, 0, 0 !important;
  --oc-3: 52, 152, 219 !important;
  --oc-3-hover: 41, 128, 185 !important;
  --oc-3-sc: 255, 255, 255 !important;
  --static-black-sc: 255, 255, 255 !important;
  --secondary: 52, 152, 219 !important;
  --secondary-hover: 41, 128, 185 !important;
  --secondary-sc: 255, 255, 255 !important;
}

/* ==========================================
   GLOBAL BACKGROUND
   ========================================== */

body {
  background: transparent !important;
}

body::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: -1 !important;
  background: linear-gradient(rgba(3, 6, 18, 0.70), rgba(3, 6, 18, 0.70)),
              url("https://i.ibb.co/wrKqN01h/back-yeni.jpg") center top / cover no-repeat !important;
}

#root,
#app,
.main-layout,
.page-layout,
.page-content,
.main-content,
.layout-main-content-bc,
.sportsbook-layout,
.content-wrapper {
  background: transparent !important;
}

/* ==========================================
   HEADER
   ========================================== */

.layout-header-holder-bc {
  background: rgba(3, 6, 18, 0.45) !important;
  height: auto !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

header.header-bc {
  background: transparent !important;
  padding: 0 !important;
  height: auto !important;
}

.hdr-main-content-bc {
  background: transparent !important;
  padding: 3px 48px !important;
  height: auto !important;
}

/* Logo */
img[alt="Header Logo"],
.hdr-logo-bc img {
  width: 250px !important;
  height: auto !important;
  max-width: 300px !important;
}

.hdr-logo-bc,
.logo-container .logo {
  height: auto !important;
}

.logo-container,
.hdr-logo-bc {
  background: transparent !important;
}

/* GİRİŞ/KAYIT parent - single pill container with animated border */
.hdr-user-bc {
  display: flex !important;
  align-items: stretch !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  padding: 0 !important;
  gap: 0 !important;
  outline: none !important;
  border: 2.5px solid transparent !important;
  background:
    linear-gradient(rgba(5, 10, 28, 1), rgba(5, 10, 28, 1)) padding-box,
    conic-gradient(from var(--border-angle, 0deg),
      transparent 0%,
      transparent 25%,
      #2f8fd8 32%,
      #4fb2ff 37%,
      #2f8fd8 42%,
      transparent 50%,
      transparent 100%
    ) border-box !important;
  animation: rotateBorder 2.5s linear infinite !important;
  box-shadow: none !important;
  will-change: background !important;
}

/* Remove ALL dividers/separators near auth buttons */
.hdr-user-bc::before,
.hdr-user-bc::after,
.hdr-user-bc > *::before,
.hdr-user-bc > *::after,
.hdr-main-content-bc::before,
.hdr-main-content-bc::after,
.hdr-main-content-bc > *::before,
.hdr-main-content-bc > *::after {
  display: none !important;
  content: none !important;
  border: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Kill any border/separator on header children */
.hdr-main-content-bc > * {
  border-left: none !important;
  border-right: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* GİRİŞ - gradient mavi, glow pulse animasyon */
button.btn.s-small.sign-in,
.btn.sign-in {
  background: linear-gradient(135deg, #2f8fd8, #4fb2ff, #2f8fd8) !important;
  background-size: 200% 100% !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 6px 16px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  animation: loginGlow 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
             loginShimmer 3s ease infinite !important;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
              filter 0.25s ease !important;
  will-change: transform, box-shadow !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}

button.btn.s-small.sign-in:hover,
.btn.sign-in:hover {
  background: linear-gradient(135deg, #3aa0ea, #63c0ff, #3aa0ea) !important;
  background-size: 200% 100% !important;
  transform: translateZ(0) scale(1.06) !important;
  filter: brightness(1.1) !important;
  text-decoration: none !important;
}

/* KAYIT - koyu mavi, subtle shimmer animasyon */
button.btn.s-small.register,
.btn.register {
  background: linear-gradient(135deg, #0e2c6c, #1a3d8f, #0e2c6c) !important;
  background-size: 200% 100% !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 6px 16px !important;
  margin: 0 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  animation: registerShimmer 4s ease infinite !important;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
              filter 0.25s ease !important;
  will-change: transform !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}

button.btn.s-small.register:hover,
.btn.register:hover {
  background: linear-gradient(135deg, #122f70, #1e4aa0, #122f70) !important;
  background-size: 200% 100% !important;
  transform: translateZ(0) scale(1.06) !important;
  filter: brightness(1.15) !important;
  text-decoration: none !important;
}

/* PARA YATIR - logged-in deposit button (GİRİŞ tarzı gradient + animasyon) */
a.btn.a-color.header-icon-text,
.header-custom-buttons .btn.a-color {
  background: linear-gradient(135deg, #2f8fd8, #4fb2ff, #2f8fd8) !important;
  background-size: 200% 100% !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 6px 16px !important;
  margin: 0 !important;
  height: 100% !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  letter-spacing: 0.3px !important;
  text-decoration: none !important;
  animation: loginGlow 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
             loginShimmer 3s ease infinite !important;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
              filter 0.25s ease !important;
  will-change: transform, box-shadow !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}

a.btn.a-color.header-icon-text:hover,
.header-custom-buttons .btn.a-color:hover {
  background: linear-gradient(135deg, #3aa0ea, #63c0ff, #3aa0ea) !important;
  background-size: 200% 100% !important;
  transform: translateZ(0) scale(1.06) !important;
  filter: brightness(1.1) !important;
  text-decoration: none !important;
}

/* PARA YATIR icon color */
a.btn.a-color.header-icon-text i,
.header-custom-buttons .btn.a-color i {
  color: #ffffff !important;
}

/* Header custom buttons container - full height */
.header-custom-buttons {
  display: flex !important;
  align-items: stretch !important;
  align-self: stretch !important;
  height: auto !important;
}

/* Bakiye (balance) text styling */
.header-buttons-wallet,
.nav-menu-container.header-user-nav {
  color: rgba(255,255,255,0.9) !important;
}

/* Hide time & language */
.infoTime {
  display: none !important;
}

/* Language selector - compact style next to auth buttons */
.form-control-bc.select.compact-mode {
  color: rgba(255,255,255,0.85) !important;
  background: transparent !important;
  border: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin-left: 10px !important;
}

/* ==========================================
   SMART PANEL & THREE-DOT MENU
   ========================================== */

.smartPanel-bc {
  display: flex !important;
  align-items: center !important;
  border-left: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove any dividers between buttons and three-dot */
.smartPanel-bc::before,
.smartPanel-bc::after {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* Hide side panels only when site marks them hidden */
.smartPanel-bc > .sidePanel-holder-bc.hidden {
  display: none !important;
}

/* Allow side panels to show when opened */
.smartPanel-bc > .sidePanel-holder-bc:not(.hidden) {
  display: block !important;
}

/* Panel dropdown - dark theme */
.hdr-smart-panel-holder-bc {
  background: rgb(8, 16, 35) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
}

.hdr-smart-panel-holder-bc .sp-button-bc {
  color: rgba(255,255,255,0.8) !important;
}

.hdr-smart-panel-holder-bc .sp-button-bc:hover {
  background: rgba(255,255,255,0.1) !important;
}

/* Side panel overlay header - remove solid overlay on navbar */
.sidePanel-holder .overlay-header {
  background: rgba(3, 6, 18, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-bottom: 1px solid rgba(47, 143, 216, 0.3) !important;
}

/* Side panel body - match dark theme */
.sidePanel-holder {
  background: rgba(8, 16, 35, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 0 8px 8px !important;
}

/* Remove the dark overlay that covers header/navbar when side panel is open */
.sidePanel-holder-bc::before {
  display: none !important;
  content: none !important;
}

/* Prevent side panel from blocking header interaction */
.sidePanel-holder-bc:not(.hidden) {
  z-index: 900 !important;
}

/* Arrow element - no overlay effect */
.hdr-smart-panel-holder-arrow-bc {
  background: transparent !important;
}

/* Three-dot toggle button - beyaz, no background */
.hdr-toggle-button-bc,
i.hdr-toggle-button-bc.bc-i-vertical-toggle {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: rgba(255,255,255,0.9) !important;
  font-size: 20px !important;
  cursor: pointer !important;
  margin-left: 14px !important;
  width: auto !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: color 0.2s ease !important;
}

.hdr-toggle-button-bc:hover {
  color: #ffffff !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==========================================
   NAVIGATION BAR
   ========================================== */

/* Nav outer container - full width bg, content padded */
/* padding 38px + link's 10px internal padding = 48px = header content alignment */
.nav-content-bc {
  background: rgba(2, 5, 15, 0.25) !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 !important;
  padding: 8px 38px !important;
}

/* Nav inner - no double background/padding */
nav,
.nav-menu-container.header-navigation {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
}

/* Nav menu items - ortalama */
ul.nav-menu.nav-menu-hide-items {
  justify-content: center !important;
}

/* Hide nav dividers (keep badge tags visible) */
nav ul::before,
nav ul::after,
.nav-menu-list-bc::before,
.nav-menu-list-bc::after,
.nav-content-menu::before,
.nav-content-menu::after {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}


/* Hide sub-menu arrows */
.nav-menu-item .nav-menu-sub-arrow,
.nav-menu-sub-arrow {
  display: none !important;
}

/* Nav items - link styling */
.nav-menu-item {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: capitalize !important;
}

.nav-menu-item a {
  color: rgba(255,255,255,0.85) !important;
  text-decoration: none !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.2s ease !important;
  text-transform: capitalize !important;
}

.nav-menu-item a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,0.06) !important;
}

/* Nav icons - mavi renk */
.nav-menu-item .CMSIconSVGWrapper,
.nav-menu-item .CMSIconSVGWrapper svg,
.nav-menu-item img {
  filter: brightness(0) saturate(100%) invert(40%) sepia(90%) saturate(1200%) hue-rotate(195deg) brightness(100%) contrast(95%) !important;
  width: 18px !important;
  height: 18px !important;
}

/* DAHA butonu */
.nav-menu-other {
  color: rgba(255,255,255,0.7) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.nav-menu-other:hover {
  color: #ffffff !important;
}

/* ==========================================
   SECTION HEADERS (ÖNE ÇIKAN, YAKLAŞAN MAÇLAR vb.)
   ========================================== */

.page-view-more {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  background: transparent !important;
  border-left: 3px solid #2f8fd8 !important;
  border-radius: 0 !important;
  margin: 0 -12px 0 -12px !important;
}

.popular-matches-bc > .page-view-more,
.hm-row-bc > div > .page-view-more,
.hm-row-bc > .page-view-more {
  margin: 0 !important;
}

/* Casino, Canlı Casino, Oyunlar section title bars */
.games-content > .page-view-more {
  background: #26639a !important;
  border: none !important;
  border-radius: 0 !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin-bottom: 12px !important;
}

.games-content > .page-view-more .view-title-more.ellipsis {
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(79, 178, 255, 0.4) !important;
  text-align: center !important;
}

.games-content > .page-view-more .view-see-more {
  position: absolute !important;
  right: 16px !important;
}

.view-title-more.ellipsis {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 8px rgba(47, 143, 216, 0.3) !important;
}

/* DAHA FAZLASI link */
.view-see-more {
  color: #4fb2ff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: color 0.2s ease !important;
  opacity: 0.85 !important;
}

.view-see-more:hover {
  color: #7cc8ff !important;
  opacity: 1 !important;
}

.view-arrow-more {
  color: #4fb2ff !important;
  font-size: 10px !important;
}

/* Full-width section containers */
.layout-content-holder-bc {
  overflow: visible !important;
}

.featuredGames {
  background: rgba(8, 18, 40, 0.5) !important;
  border-radius: 0 !important;
  padding: 0 22px 12px 22px !important;
  border: none !important;
  backdrop-filter: blur(4px) !important;
  margin: 0 -10px !important;
}

.empty-b-text-v-bc {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 13px !important;
  font-style: italic !important;
  padding: 24px !important;
  text-align: center !important;
}

/* ==========================================
   CONTENT AREAS
   ========================================== */

/* Upcoming matches */
.popular-matches-bc.upcoming-games {
  background: rgba(8, 18, 40, 0.5) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
  backdrop-filter: blur(4px) !important;
}

/* Match rows */
[class*="sport-event-list-bc"] > div,
[class*="event-row"],
[class*="event-holder"] {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* Market filter */
.market-filter-bc {
  background-color: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.9) !important;
}

/* Odds */
.c-odd-bc,
.market-coefficient-bc {
  color: rgba(255,255,255,0.95) !important;
}

/* Casino titles */
.hm-row-bc h3 {
  color: #ffffff !important;
}

/* Casino sections */
.hm-row-bc.has-slider {
  background-color: transparent !important;
}

/* Slider rows */
[class*="hm-row"] {
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  padding-bottom: 12px !important;
}

/* Featured */
.featuredGames {
  background-color: rgba(12,25,50,0.4) !important;
}

/* Banner */
.product-banner-container-bc {
  background-color: transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

/* Kategori ikonları satırı - welcome bar için alan aç */
.hm-row-bc:has(.product-banner-container-bc) {
  position: relative !important;
  padding-top: 44px !important;
}

/* Hoş Geldiniz bar - position absolute ile grid'i bozmaz */
.hm-row-bc:has(.product-banner-container-bc)::before {
  content: "BETBALİNA'YA HOŞ GELDİNİZ!" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  color: #ffffff !important;
  background: #26639a !important;
  border: none !important;
  text-shadow: 0 0 10px rgba(79, 178, 255, 0.4) !important;
  z-index: 1 !important;
}

html[lang="en"] .hm-row-bc:has(.product-banner-container-bc)::before {
  content: "WELCOME TO BETBALİNA!" !important;
}

/* Sport category row */
[class*="sport-icon-filter"],
[class*="sport-category"] {
  background-color: rgba(14,28,55,0.7) !important;
}

/* Sport icons */
[class*="sport-filter"] {
  color: rgba(255,255,255,0.8) !important;
}

/* Links */
a[class*="more"],
a[class*="see-all"] {
  color: rgba(52,152,219,0.9) !important;
}

/* Time */
time {
  color: rgba(255,255,255,0.6) !important;
}

/* ==========================================
   FOOTER
   ========================================== */

.layout-footer-holder-bc {
  background: linear-gradient(180deg, rgb(8,16,35) 0%, rgb(5,10,25) 100%) !important;
}

[class*="footer"] {
  color: rgba(255,255,255,0.75) !important;
}

[class*="footer"] h3,
[class*="footer"] h4 {
  color: rgba(255,255,255,0.9) !important;
}

[class*="footer"] a {
  color: rgba(255,255,255,0.65) !important;
}

[class*="footer"] a:hover {
  color: rgba(255,255,255,0.9) !important;
}

/* Regulation */
[class*="regulation"],
[class*="license-text"] {
  color: rgba(255,255,255,0.5) !important;
}

/* ==========================================
   MATCH LIST & PANELS
   ========================================== */

[data-testid="virtuoso-item-list"] {
  background-color: rgba(8, 18, 40, 0.95) !important;
  backdrop-filter: blur(2px);
}


.sportsbook-center-section-scroll {
  background: rgba(8,18,40,0.92) !important;
  backdrop-filter: blur(6px);
}

/* ==========================================
   SCROLLBAR
   ========================================== */

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: rgb(10,22,46);
}

::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.15);
  border-radius: 3px;
}

/* ==========================================
   BUTTON ANIMATIONS
   ========================================== */

@keyframes loginGlow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(79, 178, 255, 0),
                0 0 0 0 rgba(47, 143, 216, 0);
  }
  50% {
    box-shadow: 0 0 14px 2px rgba(79, 178, 255, 0.6),
                0 0 28px 4px rgba(47, 143, 216, 0.2);
  }
}

@keyframes loginShimmer {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}

@keyframes registerShimmer {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}

/* Animated rotating border for pill container */
@property --border-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes rotateBorder {
  to { --border-angle: 360deg; }
}

.FooterLicenceCuracaoContainer a {
  width: 150px !important;
}

/* ===== Whale Split-Merge-Zoom Animation ===== */
  /* Logo 2 parçaya bölünür, sağdan-soldan birleşir, zoom yaparak kaybolur */
  /* Logo görseli: https://i.imgur.com/5IzGlP0.png */

  .promotionsListEl-bc .promotionsArticleThumbnail-bc {
    transition: none !important;
  }
  .promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
    transform: none !important;
    scale: none !important;
  }

  .promotionsListEl-bc {
    overflow: hidden !important;
    position: relative !important;
  }

  /* Shared base for both halves */
  .promotionsListEl-bc::before,
  .promotionsListEl-bc::after {
    position: absolute;
    width: 120px;
    height: 132px;
    top: 50%;
    left: 50%;
    margin: -66px 0 0 -60px;
    background: url('https://i.imgur.com/5IzGlP0.png') center / contain no-repeat;
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    will-change: transform, opacity;
  }

  /* Left half - diagonal cut avoiding 3D panel */
  .promotionsListEl-bc::before {
    content: '';
    clip-path: polygon(0 0, 32% 0, 48% 100%, 0 100%);
  }

  /* Right half - matching diagonal */
  .promotionsListEl-bc::after {
    content: '';
    clip-path: polygon(32% 0, 100% 0, 100% 100%, 48% 100%);
  }

  .promotionsListEl-bc:hover::before {
    animation: leftMerge 1.3s linear forwards;
  }
  .promotionsListEl-bc:hover::after {
    animation: rightMerge 1.3s linear forwards;
  }

  @keyframes leftMerge {
    0%   { transform: translateX(-180%) scale(0.8); opacity: 0; }
    5%   { opacity: 1; }
    10%  { transform: translateX(-140%) scale(0.84); opacity: 1; }
    15%  { transform: translateX(-105%) scale(0.88); }
    20%  { transform: translateX(-72%) scale(0.91); }
    25%  { transform: translateX(-42%) scale(0.94); }
    30%  { transform: translateX(-18%) scale(0.97); }
    35%  { transform: translateX(0%) scale(1); }
    40%  { transform: translateX(0%) scale(1.15); opacity: 1; }
    48%  { transform: translateX(0%) scale(1.5); opacity: 0.9; }
    56%  { transform: translateX(0%) scale(2.0); opacity: 0.75; }
    64%  { transform: translateX(0%) scale(2.7); opacity: 0.55; }
    72%  { transform: translateX(0%) scale(3.5); opacity: 0.35; }
    80%  { transform: translateX(0%) scale(4.3); opacity: 0.2; }
    90%  { transform: translateX(0%) scale(5.3); opacity: 0.07; }
    100% { transform: translateX(0%) scale(6.5); opacity: 0; }
  }

  @keyframes rightMerge {
    0%   { transform: translateX(180%) scale(0.8); opacity: 0; }
    5%   { opacity: 1; }
    10%  { transform: translateX(140%) scale(0.84); opacity: 1; }
    15%  { transform: translateX(105%) scale(0.88); }
    20%  { transform: translateX(72%) scale(0.91); }
    25%  { transform: translateX(42%) scale(0.94); }
    30%  { transform: translateX(18%) scale(0.97); }
    35%  { transform: translateX(0%) scale(1); }
    40%  { transform: translateX(0%) scale(1.15); opacity: 1; }
    48%  { transform: translateX(0%) scale(1.5); opacity: 0.9; }
    56%  { transform: translateX(0%) scale(2.0); opacity: 0.75; }
    64%  { transform: translateX(0%) scale(2.7); opacity: 0.55; }
    72%  { transform: translateX(0%) scale(3.5); opacity: 0.35; }
    80%  { transform: translateX(0%) scale(4.3); opacity: 0.2; }
    90%  { transform: translateX(0%) scale(5.3); opacity: 0.07; }
    100% { transform: translateX(0%) scale(6.5); opacity: 0; }
  }

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

/* =========================
   RUNNING LINE
========================= */

.runningLineWidget,
.runningLineWrapper{
    min-height:120px!important;
}

/* =========================
   PRODUCT BANNER FIX
========================= */

.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;
    width:100%!important;
    height:auto!important;
    min-height:80px!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;
}

/* =========================
   OVERLAY
========================= */

.popup-holder-bc.windowed.info{
    background:rgba(2,8,20,.78)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
}

/* =========================
   CENTER
========================= */

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

/* =========================
   POPUP
========================= */

.popup-holder-bc.windowed.info #base_popup_id{

    width:fit-content!important;
    max-width:560px!important;

    background:#08192D!important;

    border-radius:18px!important;

    border:1px solid rgba(48,199,255,.22)!important;

    overflow:hidden!important;

    position:relative!important;

    padding:12px 12px 78px!important;

    box-shadow:
    0 25px 80px rgba(0,0,0,.80),
    0 0 40px rgba(40,180,255,.15)!important;
}

/* =========================
   TITLE
========================= */

.popup-holder-bc.windowed.info .casino-popup-title{
    display:none!important;
}

/* =========================
   CONTENT
========================= */

.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:block!important;
    background:transparent!important;
}

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

/* =========================
   IMAGE
========================= */

.popup-holder-bc.windowed.info .casino-popup-content img{

    display:block!important;

    width:100%!important;

    max-width:510px!important;

    height:auto!important;

    max-height:74vh!important;

    margin:0 auto!important;

    border-radius:14px!important;

    object-fit:contain!important;
}

/* =========================
   CLOSE BUTTON
========================= */

.popup-holder-bc.windowed.info #close_popup_button_id{

    position:absolute!important;

    top:12px!important;

    right:12px!important;

    width:42px!important;

    height:42px!important;

    border-radius:50%!important;

    background:rgba(8,25,45,.92)!important;

    border:1px solid rgba(61,214,255,.25)!important;

    color:#42D9FF!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    font-size:22px!important;

    z-index:999!important;

    cursor:pointer!important;

    transition:.25s!important;
}

.popup-holder-bc.windowed.info #close_popup_button_id:hover{

    background:#12345B!important;

    transform:scale(1.05)!important;
}

/* =========================
   BUTTON AREA
========================= */

.popup-holder-bc.windowed.info .casino-popup-button-block{

    position:absolute!important;

    left:0!important;

    bottom:0!important;

    width:50%!important;

    padding:10px!important;

    margin:0!important;
}

.popup-holder-bc.windowed.info .casino-popup-button-block .btn{

    width:100%!important;

    height:52px!important;

    border-radius:12px!important;

    border:1px solid rgba(50,197,255,.18)!important;

    background:#0C2644!important;

    color:#EAF8FF!important;

    font-size:15px!important;

    font-weight:700!important;

    cursor:pointer!important;

    transition:.25s!important;
}

.popup-holder-bc.windowed.info .casino-popup-button-block .btn:hover{
    background:#18446E!important;
}

/* =========================
   CHECKBOX AREA
========================= */

.popup-holder-bc.windowed.info .popup-checkbox{

    position:absolute!important;
    right:0!important;
    bottom:0!important;
    width:50%!important;
    padding:10px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    cursor:pointer!important;
    overflow:hidden!important;
}

.popup-holder-bc.windowed.info .popup-checkbox input.checkbox-control-input-bc{

    position:absolute!important;
    inset:10px!important;
    width:calc(100% - 20px)!important;
    height:52px!important;
    opacity:0!important;
    visibility:visible!important;
    cursor:pointer!important;
    z-index:99!important;
}

.popup-holder-bc.windowed.info .popup-checkbox i{
    display:none!important;
}

/* =========================
   CHECKBOX BUTTON
========================= */

.popup-holder-bc.windowed.info .popup-checkbox .checkbox-control-text-bc{
    width:100%!important;
    height:52px!important;
    margin:0!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#3DDBFF,#1BA7FF)!important;
    color:#06223B!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    font-size:0!important;
    font-weight:800!important;
    pointer-events:none!important;
    transition:.25s!important;
}

.popup-holder-bc.windowed.info .popup-checkbox .checkbox-control-text-bc::after{

    content:"Bir daha gösterme";

    font-size:15px!important;
}

/* =========================
   CHECKED
========================= */

.popup-holder-bc.windowed.info .popup-checkbox:has(input:checked) .checkbox-control-text-bc{

    background:linear-gradient(180deg,#5BE8FF,#2CB8FF)!important;
    box-shadow:0 0 0 2px rgba(255,255,255,.18) 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;
}