/*
 * overlay.css — Oyun kartı hover katmanı (bizim eklememiz; BC CSS'ine dokunmaz)
 * -----------------------------------------------------------------------------
 * BC'de .casinoGameItemBlock (favori/bilgi + oyun adı + Demo/Oyna) yalnız fare
 * üstüne gelince MOUNT ediliyordu (React). Bizim server-render kartlarımızda blok
 * her zaman DOM'da → casino-game-layer animasyonu 0→1 çalışıp KALICI görünüyordu.
 * Burada: default GİZLE, yalnız hover/focus'ta göster (BC'nin doğal davranışı).
 */
.casinoGameItemContent .casinoGameItemBlock {
  animation: none !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

.casinoGameItemContent .casinoGameItem:hover .casinoGameItemBlock,
.casinoGameItemContent .casinoGameItem:focus-within .casinoGameItemBlock {
  opacity: 1;
  pointer-events: auto;
}

/* -----------------------------------------------------------------------------
 * Yatay taşma fix (QA D: "banner taşmış / responsive bozuk")
 * Sağ kenardaki nav öğesinin gizli hover alt-menüsü (.nav-menu-sub, absolute +
 * visibility:hidden) kapalıyken bile layout'ta yer tutup ~92px yatay scrollbar
 * yaratıyordu. Hero/slider aslında taşmıyor. Header static olduğu için body'de
 * overflow-x kısıtı sticky'yi bozmaz. clip: scroll-container yaratmaz (dikey
 * scroll + sticky güvende), hidden fallback eski tarayıcılar için.
 */
html, body {
  overflow-x: hidden !important;
  overflow-x: clip !important;
}

/* Sport alt-nav (#13) aktif/hover — inline arka planı yener */
.sport-subnav-bar .sport-subnav-item.active {
  background: var(--hero-btn-bc, #38a169) !important;
  color: #fff !important;
}
.sport-subnav-bar .sport-subnav-item:hover {
  background: rgba(var(--b-sc, 255, 255, 255), .14) !important;
}