/* ==========================================================================
 * slot-audit-fixes.css
 * Generated: 2026-04-27 (slot-audit-20260427.md)
 * Purpose: BS-exact match for /tr/slot mobile page.
 * Loads AFTER theme-robinbet-mobile.css. Theme uses body.mobile-site.X.Y
 * specificity (0,3,0,1) so we must use body.mobile-site. or higher to win.
 * ========================================================================== */

/* --------------------------------------------------------------------------
 * 1. Game card border-radius + background — BS uses square + transparent.
 * -------------------------------------------------------------------------- */
body.mobile-site.theme-default .slot-page-root .game-grid .game-item,
body.mobile-site.theme-default .slot-page-root .game-grid .game-item img,
body.mobile-site.theme-default .slot-page-root .game-grid .game-overlay,
body.mobile-site.theme-default .slot-page-root .game-grid .game-overlay::before,
body.mobile-site .slot-page-root .game-grid .game-item.audit-bs-exact {
  border-radius: 0 !important;
  background-color: transparent !important;
}

body.mobile-site.theme-default .slot-page-root .game-grid .game-item img {
  border-radius: 0 !important;
}

/* --------------------------------------------------------------------------
 * 2. Game grid columns — match BS 1fr 1fr (was 179 / 179 fixed).
 * -------------------------------------------------------------------------- */
@media (max-width: 414px) {
  body.mobile-site.theme-default .slot-page-root .game-grid,
  body.mobile-site.theme-default .slot-page-root .casino-container .game-grid {
    grid-template-columns: 1fr 1fr !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
  }
}

/* --------------------------------------------------------------------------
 * 3. Filter / search bar row — hide non-BS controls.
 * -------------------------------------------------------------------------- */
body.mobile-site.theme-default .slot-page-root .slots-game-search-bar .bs-pill-clear,
body.mobile-site.theme-default .slot-page-root .slots-game-search-bar .all-games-btn,
body.mobile-site.theme-default .slot-page-root .slots-game-search-bar .view-module-btn,
body.mobile-site.theme-default .slot-page-root .slots-game-search-bar .active-filters-box,
body.mobile-site.theme-default .slot-page-root .slots-game-search-bar .games-search-expand,
body.mobile-site.theme-default .slot-page-root .slots-game-search-bar .sort-toggle-wrap {
  display: none !important;
}

/* --------------------------------------------------------------------------
 * 4. "Tüm Sağlayıcılar" button — full width, transparent, no border, br 0.
 * -------------------------------------------------------------------------- */
body.mobile-site.theme-default .slot-page-root .slots-game-search-bar .mobile-sidebar-toggle {
  width: 100% !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  min-height: 40px;
  flex: none !important;
}

/* --------------------------------------------------------------------------
 * 5. Random game button — cap to BS spec.
 * -------------------------------------------------------------------------- */
body.mobile-site .slots-game-search-bar .random-game-btn {
  max-width: calc(100vw - 32px);
}

/* --------------------------------------------------------------------------
 * 6. Announcement bar — match BS font-size + line-height.
 * -------------------------------------------------------------------------- */
body.mobile-site .mob-announcement-bar.mob-announcement-bar--styled {
  padding: 0 7px !important;
}
body.mobile-site .mob-announcement-bar .mob-announce-text {
  font-size: 14px !important;
  line-height: 1.3 !important;
}

/* --------------------------------------------------------------------------
 * 7. mobileMenu aside — keep hidden until opened.
 * -------------------------------------------------------------------------- */
body.mobile-site .mobileMenu:not(.is-open):not(.open):not(.active):not([aria-expanded="true"]) {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* --------------------------------------------------------------------------
 * 8. Game card overlay — keep BS-exact dark gradient on tap.
 * -------------------------------------------------------------------------- */
body.mobile-site .slot-page-root .game-item .game-overlay {
  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;
}

/* --------------------------------------------------------------------------
 * 9. Hero banner — cap height to BS 210px.
 * -------------------------------------------------------------------------- */
@media (max-width: 414px) {
  body.mobile-site .slot-page-root .slot-top-section .home-hero-slider {
    max-height: 210px;
  }
  body.mobile-site .slot-page-root .slot-top-section .home-hero-slider img {
    max-height: 210px;
    object-fit: cover;
  }
}

/* ITER 401 (2026-05-13) — ITER 41/42 yorumunda yanlış teşhis vardı.
 * GERÇEK BS audit (2026-05-13, m.bahissende302.com/tr/casino/slots):
 *   - Nav 1 (CANLI BAHİSLER / SPOR BAHİSLERİ / SLOT / CANLI CASİNO ...) → VAR, position:relative top:0 h:40
 *   - Nav 2 (Ana Sayfa / Turnuvalar / Jackpotlar) → YOK (.hdr-sub-navigation-holder FOUND:FALSE)
 * Yani BS'de slot sayfasında sadece Nav 1 görünür. Eski rule Nav 1'i gizliyordu (tam ters).
 * Kullanıcı talimati 2026-05-13: "canlı bahisler spor bahisleri slot canlı casino butonları kayboluyor. onlar dursun"
 * Fix: hide rule TAMAMEN kaldırıldı; Nav 1 her sayfada görünür.
 */

/* ITER 43 — slot toolbar 3-button BS-paralel.
 * BS toolbar (y:492-532): filter "Tüm Sağlayıcılar" (x:16 w:148) + search collapsed (x:279 w:42) + sort (x:329 w:40)
 * MR vardı: filter visible, all-games-btn + view-module-btn display:none
 *
 * Fix: show + style.
 */
html.mobile-root body.mobile-site .slots-game-search-bar.games-header .all-games-btn,
html.mobile-root body.mobile-site .slots-game-search-bar.games-header .view-module-btn,
html.mobile-root body.mobile-site .games-header .all-games-btn,
html.mobile-root body.mobile-site .games-header .view-module-btn,
html.mobile-root body.mobile-site .games-header .iconButtonBlock {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  background: transparent !important;
  border: 0 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 18px !important;
  cursor: pointer !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

/* games-header flex row container, search-bar layout BS-paralel.
 * BS: filter (148w left) + search (42w middle) + sort (40w right)
 * MR DOM: filter, all-games, view-module - order:1,2,3
 * Make filter flex:1 1 auto stretching left, icons fixed right. */
html.mobile-root body.mobile-site .slots-game-search-bar.games-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  justify-content: flex-start !important;
}

html.mobile-root body.mobile-site .slots-game-search-bar.games-header .mobile-sidebar-toggle {
  flex: 1 1 auto !important;
  order: 1 !important;
  max-width: 148px !important;
}

html.mobile-root body.mobile-site .slots-game-search-bar.games-header .all-games-btn {
  order: 2 !important;
  margin-left: auto !important;
}

html.mobile-root body.mobile-site .slots-game-search-bar.games-header .view-module-btn {
  order: 3 !important;
}

html.mobile-root body.mobile-site .slots-game-search-bar.games-header .active-filters-box {
  order: 99 !important;
}

/* ITER 45 — icon glyph rendering BS-paralel:
 * BS shows: search icon (x:279) + sort icon (x:329)
 * MR has: bc-i-all-games1 (may not render) + bc-i-view-module-icon
 * Fix: ::before pseudo with FA glyph (FA loads on MR).
 *  - all-games-btn → search glyph \f002
 *  - view-module-btn → sort/list glyph \f0c9 (bars/list)
 */
html.mobile-root body.mobile-site .slots-game-search-bar.games-header .all-games-btn i,
html.mobile-root body.mobile-site .slots-game-search-bar.games-header .view-module-btn i {
  font-size: 0 !important;
}

html.mobile-root body.mobile-site .slots-game-search-bar.games-header .all-games-btn::before {
  content: "\f002" !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  display: inline-block !important;
  line-height: 1 !important;
}

html.mobile-root body.mobile-site .slots-game-search-bar.games-header .view-module-btn::before {
  content: "\f0c9" !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  display: inline-block !important;
  line-height: 1 !important;
}

/* Active-filters-box hide if empty */
html.mobile-root body.mobile-site .slots-game-search-bar.games-header .active-filters-box[style*="display:none"],
html.mobile-root body.mobile-site .slots-game-search-bar.games-header .active-filters-box:empty {
  display: none !important;
}

/* End of slot-audit-fixes.css */