/* ==========================================================================
 * slot-overlay-fix.css
 * Generated: 2026-04-26
 * ITER 652 (2026-05-21): KAPSAMLI REWRITE.
 *
 * Eski içerik (ITER 252) BS animation'u tamamen kapatıyordu (`transform:none`,
 * `transition:bg/color/border 0.24s` opacity+transform transition'ını blokladı,
 * `display:none` title'ı gizledi). BS'in 4 @keyframes animation'u
 * (casino-game-layer + label + first-btn + second-btn) extract sonucu ortaya
 * çıktı — eski "BS animation yok" varsayımı yanlıştı.
 *
 * Yeni amaç:
 *   • Overlay 0.4s opacity fade (BS-paralel)
 *   • play-btn translateY(-50%)→0 + opacity 0→1 sandviç (BS-paralel)
 *   • demo-btn translateY(+50%)→0 + opacity 0→1 sandviç (BS-paralel)
 *   • Title filter:blur(10px)→blur(0) + opacity fade (BS-paralel)
 *   • Tap feedback (bg/color/border 0.24s) korunur
 *   • :active fallback DEVRE DIŞI (touchend→click race condition fix)
 *
 * Cascade stratejisi:
 *   theme-robinbet-mobile.css'in initial state (opacity:0, translateY) +
 *   show-overlay state (opacity:1, translateY:0) cascade'i ÇALIŞSIN diye
 *   bu dosya transform/opacity property'lerini override ETMEZ — sadece
 *   transition listesini genişletir (theme'in 0.4s opacity+transform
 *   transition'ı + tap feedback 0.24s bg/color/border'ı birleşik).
 * ========================================================================== */

/* --------------------------------------------------------------------------
 * 1. :active fallback — DEVRE DIŞI (race condition fix korunur)
 *    .show-overlay class state için tek kaynak. :active touchend→click
 *    arası flicker yaratıyordu.
 * -------------------------------------------------------------------------- */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item:active:not(.show-overlay) .game-overlay,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item:active:not(.show-overlay) .game-overlay,
html.mobile-root body.mobile-site #slotsGamesContainer #game-grid .game-item:active:not(.show-overlay) .game-overlay {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* --------------------------------------------------------------------------
 * 2. OYNA button — tap feedback 0.24s + animation 0.4s MERGE.
 *    transform / opacity property'leri OVERRIDE EDİLMEZ — theme cascade kazanır.
 * -------------------------------------------------------------------------- */
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,
html.mobile-root body.mobile-site #slotsGamesContainer #game-grid .game-item .game-overlay .game-actions .play-btn {
  /* ITER 652: opacity/transform theme cascade'e bırakıldı, transition list MERGED */
  transition: background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease,
              opacity 0.4s ease, transform 0.4s ease !important;
  -webkit-transition: background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease,
                      opacity 0.4s ease, -webkit-transform 0.4s ease !important;
  visibility: visible !important;
  /* ITER 654 (2026-05-22): default state pointer-events:none — ilk tap card body'e
     düşsün, .show-overlay class eklensin + animasyon oynasın. Buton görünmeden
     tıklanmasın (BS-paralel davranış). */
  pointer-events: none !important;
}

/* ITER 654: show-overlay state'te play-btn tıklanabilir */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-overlay .game-actions a.play-btn,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-overlay .game-actions .play-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions a.play-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .play-btn,
html.mobile-root body.mobile-site #slotsGamesContainer #game-grid .game-item.show-overlay .game-overlay .game-actions .play-btn {
  pointer-events: auto !important;
}

/* --------------------------------------------------------------------------
 * 3. DEMO button — aynı strateji (transform/opacity theme cascade)
 * -------------------------------------------------------------------------- */
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,
html.mobile-root body.mobile-site #slotsGamesContainer #game-grid .game-item .game-overlay .game-actions .demo-btn {
  /* ITER 652: opacity/transform theme cascade'e bırakıldı, transition list MERGED */
  transition: background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease,
              opacity 0.4s ease, transform 0.4s ease !important;
  -webkit-transition: background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease,
                      opacity 0.4s ease, -webkit-transform 0.4s ease !important;
  visibility: visible !important;
  /* ITER 654: default state pointer-events:none — ilk tap card'a düşsün */
  pointer-events: none !important;
}

/* ITER 654: show-overlay state'te demo-btn tıklanabilir */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-overlay .game-actions a.demo-btn,
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions a.demo-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn,
html.mobile-root body.mobile-site #slotsGamesContainer #game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn {
  pointer-events: auto !important;
}

/* ITER 654: info button (i) ve fav button (star) için aynı pattern */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item .game-overlay .game-info-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item .game-overlay .game-info-btn {
  /* default state'te tıklanamaz (opacity:0 zaten görünmüyor) */
  pointer-events: none !important;
}
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-overlay .game-info-btn,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-info-btn {
  pointer-events: auto !important;
}
/* Fav (star) — BS'de overlay açılmadan da görünür, tıklanabilir kalsın */

/* Disabled demo: low opacity korunur (interaksiyon yok) */
html.mobile-root body.mobile-site .slot-page-root #game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn--disabled,
html.mobile-root body.mobile-site .slot-page-root .game-grid .game-item.show-overlay .game-overlay .game-actions .demo-btn--disabled {
  opacity: 0.35 !important;
  pointer-events: none !important;
}

/* --------------------------------------------------------------------------
 * 4. Title-wrap — display:none KALDIRILDI (BS title gösteriyor + blur animation).
 *    transition/filter override KALDIRILDI (theme cascade kazansın).
 * -------------------------------------------------------------------------- */
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-wrap {
  /* ITER 652: display:none KALDIR (title visible), filter/transition theme cascade'e bırak */
  visibility: visible !important;
}

/* End of slot-overlay-fix.css (ITER 652 rewrite) */