/**
 * Desktop (>=1024px): persistent left sidebar + main column alignment.
 * Mobile/tablet (<1024px): unchanged (overlay menu + full-width main from bundle).
 */

@media (min-width: 1024px) {
  /* Stable sidebar width on large screens (overrides 429px tablet token when ranges overlap). */
  :root {
    --side-menu-width: 300px;
  }

  /* Sidebar: visible column under header — not a full-viewport dimmer */
  .side-menu-dimmed-container {
    opacity: 1 !important;
    pointer-events: auto !important;
    width: var(--side-menu-width) !important;
    left: 0 !important;
    right: auto !important;
    top: var(--top-header-height) !important;
    bottom: 0 !important;
    padding: 11px 8px calc(var(--footer-height, 72px) + 12px) 8px !important;
    z-index: 5;
    box-sizing: border-box;
    background: transparent;
    transition: none;
  }

  .side-menu-main-container {
    width: 100% !important;
    height: auto !important;
    max-height: 100%;
    box-sizing: border-box;
    padding: 0 !important;
  }

  .side-menu-container {
    left: 0 !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    box-sizing: border-box;
    transition: none;
  }

  /* Nav strip (bundle hides this on wide desktop; show for persistent sidebar) */
  .side-menu-nav-container {
    display: flex !important;
    flex-direction: column !important;
    flex-shrink: 0;
  }

  /* Persistent rail: no overlay close control */
  .side-menu-close {
    display: none !important;
  }

  .side-menu-content-container {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Main column offset (bundle only applies for >1281px; extend for 1024+) */
  .layout-main-container {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: var(--side-menu-width) !important;
    right: 0 !important;
    width: auto !important;
  }

  /* Top row: wide centered search, actions right (hide redundant hamburger + duplicate logo in row) */
  .game-top-left-section-container {
    display: none !important;
  }

  .game-top-container {
    display: grid !important;
    grid-template-columns: 1fr minmax(260px, 560px) auto !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 16px !important;
    justify-content: stretch !important;
  }

  .game-top-search-textfield {
    grid-column: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 560px !important;
  }

  .game-top-right-section-container {
    grid-column: 3 !important;
    justify-self: end !important;
    flex-shrink: 0;
  }

  /* Align primary content blocks with header max width */
  .intro-top-section-container.intro-width-container,
  .intro-content-container.intro-width-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .brand-info-login-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}