/* ==========================================================================
 * slot-card-bs-exact.css
 * Generated: 2026-04-26
 * Purpose: BS-exact (BahisSende) match for slot game cards + OYNA/DEMO overlay.
 * Loads AFTER theme-robinbet-mobile.css and slot-audit-fixes.css.
 *
 * BS sampled values (m.bahissende301.com/tr/casino/slots, mobile 400x800):
 *   - Card: 171x121, br=0, bg=transparent
 *   - Image: object-fit:fill, br=0, fills card
 *   - Grid: 171.4px 171.4px, gap=10px, parent padding 3px 0 0
 *   - Fav icon: 14x14 at (10,10), always visible
 * BS overlay (on tap, separate viewport sample):
 *   - 2 buttons HORIZONTAL at bottom: OYNA (8,81) 74x32 + DEMO (90,81) 74x32, gap=8
 *   - OYNA: gold #D3AF37, fz=14, br=4, padding 1px 15px, color=#000
 *   - No title visible inside overlay (image stays exposed)
 *
 * Selector strategy: theme-robinbet-mobile.css uses #game-grid (ID, +1,0,0) so
 * we must include #game-grid too. We use:
 *   html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item
 *   = (0,1,4,2) → beats theme rule with same specificity by source order.
 *   For OYNA/DEMO etc. we additionally chain .show-overlay or .play-btn class.
 * ========================================================================== */

/* --------------------------------------------------------------------------
 * 1. Game grid — BS exact: fixed 171.4px columns.
 * -------------------------------------------------------------------------- */
/* ITER 110 — Kart çok az küçült + padding doğrudan grid'e (kullanıcı: "çok az küçült").
 * ITER 109'da .slot-oyun-listesi padding uygulandı ama grid'in direct parent'ı değil.
 * Fix: padding doğrudan #game-grid/.game-grid'e ver — vp 358'de kart ~160-165px.
 * Rule #151 — universal vp (max-width:992px korunuyor). */
@media (max-width: 992px) {
  html.mobile-root body.mobile-site .slot-page-root .slot-oyun-listesi {
    padding: 12px 0 0 !important;
  }
  html.mobile-root body.mobile-site .slot-page-root #game-grid,
  html.mobile-root body.mobile-site .slot-page-root .game-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    gap: 10px !important;
    /* ITER 658 (2026-05-22): BS numeric audit — grid padding 14 → 16 (card 177 → 175 BS-paralel)
     * BS: padding 0 16 + 2*175 + 10 = 392 | MR önce: 0 14 + 2*177 + 10 = 392 (card 2px wider)
     * Card aspect-ratio 175/123.287 sabit → width=175 olunca height auto 123.287 (was 124.69) */
    padding: 0 16px !important;
    justify-content: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* --------------------------------------------------------------------------
 * 2. Game card — full width (1fr), aspect 171:121 = 1.413.
 *    Width auto (fill column), height calc'd from aspect-ratio.
 * -------------------------------------------------------------------------- */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  aspect-ratio: 171 / 121 !important;
  flex: unset !important;
  border-radius: 8px !important;
  background-color: transparent !important;
  overflow: hidden !important;
  position: relative !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
 * 3. Game card image — fill card with object-fit:cover.
 * -------------------------------------------------------------------------- */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item img,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

/* --------------------------------------------------------------------------
 * 4. Game overlay — full-card cover, dark gradient, only on tap.
 * -------------------------------------------------------------------------- */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-overlay,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-overlay {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 171px !important;
  height: 121px !important;
  display: block !important;
  flex-direction: unset !important;
  justify-content: unset !important;
  align-items: unset !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.55) 60%,
    rgba(0, 0, 0, 0.85) 100%
  ) !important;
  opacity: 0 !important;
  /* ITER 652c: transition:none → BS-paralel 0.4s opacity+background+backdrop-filter */
  transition: opacity 0.4s ease, background 0.4s ease, backdrop-filter 0.4s ease, -webkit-backdrop-filter 0.4s ease !important;
  pointer-events: none !important;
}
/* Show overlay state — split into single-selector rules to avoid cascade ambiguity. */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}
html.mobile-root body.mobile-site #slotsGamesContainer #game-grid .game-item.show-overlay .game-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item:active .game-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item:active .game-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

/* --------------------------------------------------------------------------
 * 5. Hide overlay title and info button.
 * -------------------------------------------------------------------------- */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-overlay .game-title-wrap,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-overlay .game-title-text,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-overlay .game-info-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-overlay .game-title-wrap,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-overlay .game-title-text,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-overlay .game-info-btn {
  display: none !important;
}

/* --------------------------------------------------------------------------
 * 6. Overlay top — keep only fav icon at (10,10), 14x14.
 * -------------------------------------------------------------------------- */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-overlay-top,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-overlay-top {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  width: auto !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-fav,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-fav {
  display: block !important;
  position: relative !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 14px !important;
  line-height: 14px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-fav .fa-star,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-fav i,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-fav .fa-star,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-fav i {
  font-size: 14px !important;
  width: 14px !important;
  height: 14px !important;
  line-height: 14px !important;
}

/* --------------------------------------------------------------------------
 * 7. Game actions — 2 buttons HORIZONTAL at bottom.
 *    BS spec: OYNA (8,81) 74x32 + DEMO (90,81) 74x32, gap=8.
 * -------------------------------------------------------------------------- */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-actions,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions {
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  top: auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 36px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 5 !important;
}

/* ITER 134 — game-actions show-overlay opacity:1 force (BS-paralel) */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-actions,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-actions,
html[lang] body.mobile-site #game-grid .game-item.show-overlay .game-actions[class] {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
  z-index: 5 !important;
}

/* ITER 136 — Star/Info icon SVG background-image (FA bypass complete)
 * Font Awesome ::before content empty (specificity savaşı bile sonuç vermedi).
 * Çözüm: <i> tag display:none, parent button background-image SVG.
 * SVG inline embed (no external file dependency, color invariant). */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-fav i,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-fav i {
  display: none !important;
}

html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.game-item .game-fav.game-fav.game-fav,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-fav {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z' stroke='%23000' stroke-width='0.5'/%3E%3C/svg%3E") !important;
  background-size: 20px 20px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.85)) !important;
}

html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-info-btn i,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-info-btn i {
  display: none !important;
}

html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.game-item .game-info-btn.game-info-btn.game-info-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-info-btn {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E") !important;
  background-size: 22px 22px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.85)) !important;
}

/* --------------------------------------------------------------------------
 * 8. OYNA button — gold #D3AF37, 74x32, br=4, padding 1px 15px, fz=14.
 * -------------------------------------------------------------------------- */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-actions a.play-btn,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-actions .play-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions a.play-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .play-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 36px !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 36px !important;
  max-height: 36px !important;
  flex: 1 1 0 !important;
  padding: 6px 12px !important;
  background: #D3AF37 !important;
  background-image: none !important;
  color: #1a1a00 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  border: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  /* ITER 652 (2026-05-21): transform/opacity/position !important KALDIRILDI.
   * theme-robinbet-mobile.css line 19497-19508'in .play-btn initial state
   * (opacity:0; transform:translateY(-50%)) + .show-overlay state (opacity:1;
   * transform:translateY(0)) cascade'i bu rule'lar yüzünden öldürülüyordu
   * → sandviç + fade-in görünmüyordu. */
}

/* --------------------------------------------------------------------------
 * 9. DEMO button — same size as OYNA, neutral bg.
 * -------------------------------------------------------------------------- */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-actions a.demo-btn,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-actions span.demo-btn,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-actions .demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions a.demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions span.demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 36px !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 36px !important;
  max-height: 36px !important;
  flex: 1 1 0 !important;
  padding: 6px 12px !important;
  background: rgba(0, 0, 0, 0.55) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  white-space: nowrap !important;
  /* ITER 652: demo-btn için aynı override kaldırıldı (translateY(+50%)→0 cascade kazansın) */
}
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-actions .demo-btn--disabled,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-actions .demo-btn--disabled {
  opacity: 0.35 !important;
  pointer-events: none !important;
}

/* ITER 111 reverted — content-visibility:auto scroll-back'te kartları
 * yeniden decode'a zorluyordu (~1sn siyah flash). First paint kazancı
 * 30 kartlık SSR grid için marjinaldi; UX trade-off karşılığı değer. */

/* ════════════════════════════════════════════════════════════════════
 * ITER 631 — ITER 466 BLOCK REVERTED (2026-05-21)
 *
 * Kullanıcı raporu: /slot sayfasında ilk 30 saniye sorun yok (boş GPU
 * bitmap budget) → 30s+ sonra scroll'da kasma + siyah flash başlıyor.
 *
 * KÖK SEBEP: ITER 466 rules her <img>'i `transform:translateZ(0)` +
 * `backface-visibility:hidden` ile GPU compositor layer'a promote
 * ediyordu. Her promoted layer kendi backing store'unu tutuyor → IMG
 * başına ~100-150KB ekstra GPU memory. /slot'ta 11,845 oyun var,
 * infinite scroll DOM'a 100-500+ kart birikir → toplam ~50-75MB
 * EKSTRA GPU memory pressure → mobile GPU bütçesi (50-100MB) çok
 * daha hızlı aşılıyor → viewport dışı bitmap'ler EVICT → scroll-back
 * re-decode = siyah flash + kasma.
 *
 * ITER 466 tasarımı (ç) "flash'ı önle" niyetli ama (b) compositor
 * layer promotion eviction'ı YERLEŞTİRDİĞİ için tam tersini yapıyor.
 * IMG'leri normal paint pipeline'a koy = GPU memory tasarrufu =
 * eviction threshold daha geç tetiklenir = kullanıcı tipik scroll
 * mesafelerinde eviction yaşamaz.
 *
 * Background-color #1a1a1a placeholder da kaldırıldı: bitmap evict
 * olursa parent dark bg yerine native browser default render eder
 * (zaten daha az sıklıkla olacak çünkü budget aşılmıyor).
 * ════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════
 * ITER 129 — GAME OVERLAY (tap state) BS-EXACT
 * Kullanıcı resmi: tıklandığında star top-left + info top-right + title center + OYNA/DEMO bottom
 * Overlay açılma: .game-item.show-overlay (slot.min.js handler ekler)
 * ════════════════════════════════════════════════════════════════════ */

/* Overlay container — absolute fill + dark gradient backdrop */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  opacity: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.55) 50%, rgba(0,0,0,0.85) 100%) !important;
  /* ITER 652c: opacity 0.2s → 0.4s + background + backdrop-filter (BS-paralel) */
  transition: opacity 0.4s ease, background 0.4s ease, backdrop-filter 0.4s ease, -webkit-backdrop-filter 0.4s ease !important;
  z-index: 2 !important;
}

html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-overlay,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Overlay top container — kart top kenarına yapışsın, padding/margin 0 */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay-top {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: 100% !important;
  height: 34px !important;
  display: block !important;
  z-index: 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* Overlay parent padding 0 (overlay-top top:0 effective olsun) */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay {
  padding: 0 !important;
  margin: 0 !important;
}

/* ITER 130 — #game-grid ID prefix + triple-class boost (specificity 0,1,8,2) */
/* Star (favori) — top-left absolute, 28x28, transparent dark bg */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.game-item .game-overlay.game-overlay .game-fav.game-fav.game-fav,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-fav.game-fav.game-fav,
html[lang] body.mobile-site #game-grid .game-item .game-fav[class] {
  position: absolute !important;
  top: 6px !important;
  left: 6px !important;
  right: auto !important;
  bottom: auto !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.85)) !important;
  cursor: pointer !important;
  z-index: 4 !important;
  /* ITER 654c (2026-05-22): default state'te tıklanamaz (BS-paralel ilk tap = animasyon) */
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ITER 654c: show-overlay state'te fav tıklanabilir */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay.game-item .game-overlay.game-overlay .game-fav.game-fav.game-fav,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-fav.game-fav.game-fav,
html[lang] body.mobile-site #game-grid .game-item.show-overlay .game-fav[class] {
  pointer-events: auto !important;
}

html.mobile-root body.mobile-site .slot-page-root .game-item .game-overlay .game-fav i,
html.mobile-root body.mobile-site .slot-page-root .game-item .game-fav i {
  font-size: 16px !important;
  color: inherit !important;
  line-height: 1 !important;
}

html.mobile-root body.mobile-site .slot-page-root .game-item .game-overlay .game-fav.is-active,
html.mobile-root body.mobile-site .slot-page-root .game-item .game-overlay .game-fav.fav-active {
  color: #d4af37 !important;
  border-color: rgba(212, 175, 55, 0.5) !important;
}

/* Info — top-right absolute, 28x28 circle "i" — ID prefix + triple-class boost */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.game-item .game-overlay.game-overlay .game-info-btn.game-info-btn.game-info-btn,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-info-btn.game-info-btn.game-info-btn,
html[lang] body.mobile-site #game-grid .game-item .game-info-btn[class] {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  left: auto !important;
  bottom: auto !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.85)) !important;
  cursor: pointer !important;
  z-index: 4 !important;
  /* ITER 654c (2026-05-22): default state'te tıklanamaz (BS-paralel ilk tap = animasyon) */
  pointer-events: none !important;
  text-decoration: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
/* ITER 654c: show-overlay state'te info tıklanabilir */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay.game-item .game-overlay.game-overlay .game-info-btn.game-info-btn.game-info-btn,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-info-btn.game-info-btn.game-info-btn,
html[lang] body.mobile-site #game-grid .game-item.show-overlay .game-info-btn[class] {
  pointer-events: auto !important;
}

html.mobile-root body.mobile-site .slot-page-root .game-item .game-overlay .game-info-btn i,
html.mobile-root body.mobile-site .slot-page-root .game-item .game-info-btn i {
  font-size: 16px !important;
  color: inherit !important;
  line-height: 1 !important;
}

/* Title wrap — absolute bottom-only (button üzerinde, otomatik h) */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-title-wrap {
  position: absolute !important;
  bottom: 50px !important;
  left: 6px !important;
  right: 6px !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  max-height: 32px !important;
  text-align: center !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  z-index: 5 !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 1), 0 0 2px rgba(0, 0, 0, 0.9) !important;
  letter-spacing: 0.1px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-title-wrap > *,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-title.game-title.game-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
  letter-spacing: 0.2px !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* End of slot-card-bs-exact.css */