/* Cryptorino — grid-layout alignment override (TEST)
 *
 * Layer this file AFTER cryptorino's live CSS (cr_live_v1_*.css, which @imports
 * cryptorino/cryptorino.css) on a staging/mirror site to preview the new
 * player-frontend grid layout WITHOUT editing the operator's live file.
 *
 * Cryptorino is an AbsoluteLayout operator with no .menu-layout overrides, so
 * there is a single page-level offset to neutralise.
 *
 * This is the layered-test equivalent of the change documented in
 * cryptorino-required-changes.md — for go-live, cryptorino should remove the
 * margin-top in their own file rather than ship this override. height and
 * background-position are intentionally left untouched.
 */

/* Landing hero — drop the header-clearance margin (grid reserves the header band). */
.landingPage .hero-banner-two-columns.hero-money {
  margin-top: 0;
}

.menu-layout.fixed .menu-layout-content {
  padding-top: 0!important;
}

body .menu-layout.fixed .menu-layout-content.expanded {
  margin-left: 0!important;
}

body .menu-layout.fixed .sidemenu-container.sidemenu-container-expanded {
  width: revert!important
}

body .menu-layout.fixed .menu-layout-sidebar.expanded {
  width: 100%!important;
}

.menu-layout.fixed.expanded {
  --sidebar-width: 250px;
}

.pn-sportsbook div.menu-layout.fixed .menu-layout-content,
.pn-sportsbook div.menu-layout.absolute .menu-layout-content:not(.game-inview) {
  width: revert!important;
  overflow-y:revert!important;
  padding-top: revert!important;
}

.pn-sportsbook .menu-layout.absolute .menu-layout-content:not(.game-inview).expanded {
  width: revert!important;
}

.casino-container {
  margin-top: 30px!important;
}

.menu-layout.absolute.expanded .sidemenu-container-expanded {
  width: 100dvw!important;
}

.account-page-container.container {
  margin-top: var(--account-page-container-spacing-top)!important;
}

div.menu-layout.absolute .menu-layout-content:not(.game-inview),
body.pn-originals .menu-layout.absolute .menu-layout-content:not(.game-inview) {
  padding-top: 0!important;
}

@media screen and (max-width: 1049px) {
  .menu-layout .menu-layout-content {
    z-index: 1 !important;
  }
}