/**
 * R6 — Home section ownership.
 * Sports event list and casino lobby must not visually merge.
 * Presentation-only; no DOM repair.
 */
app-home .sports-wrapper,
app-home .inplay-wrapper,
app-home .upcoming-wrapper,
app-dashboard .sports-wrapper,
.home-page .sports-wrapper,
.home-center .sports-list,
app-home > .content > .row,
app-landing .content .sports {
  margin-bottom: 0;
}

/* Clear boundary before casino lobby on Home */
app-home app-old-casino,
app-dashboard app-old-casino,
.home-page app-old-casino,
app-home .casino-section,
app-old-casino {
  display: block;
  clear: both;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
}

app-old-casino .menu-list,
app-old-casino .casino-menu,
app-old-casino .nav-tabs {
  margin-top: 0;
}

/* Casino grid: keep tiles in a stable responsive grid when images load */
app-old-casino .row {
  display: flex;
  flex-wrap: wrap;
}
app-old-casino .casinoicons img.img-fluid,
app-old-casino .casinoicons img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  min-height: 96px;
  background: #1a1a2e;
}

/* Bottom nav clearance — content must not sit behind footer */
.content,
.main-container,
app-home,
app-fullmarket,
app-market-details {
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
}
@media only screen and (min-width: 992px) {
  .content,
  .main-container,
  app-home,
  app-fullmarket,
  app-market-details {
    padding-bottom: 16px;
  }
}
