/* Standalone listing page (/parking/<id>, /storage/<id>): the Discover shell with
   the listing at full width. The map and results stay mounted but out of view so
   the When picker and booking flow keep their existing owners. */

body.discover-page.discover-listing-page .discover-map-row {
  position: absolute;
  inset: var(--discover-current-topbar-height, 4.5rem) 0 0;
  display: block;
  overflow: hidden;
}

body.discover-page.discover-listing-page #discover-workspace {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border-right: 0;
  background: var(--discover-premium-surface-solid);
}

body.discover-page.discover-listing-page #spot-detail-view,
body.discover-page.discover-listing-page #spot-detail-view.hidden,
body.discover-page.discover-listing-page:not(.discover-shell-ready) #spot-detail-view {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.discover-page.discover-listing-page #spot-detail-content > .spot-detail-content-wrapper {
  max-width: 72rem;
  margin-inline: auto;
}

body.discover-page.discover-listing-page .spot-detail-desktop-header {
  gap: 0.75rem;
}

/* Keep the map sized so it can finish loading, but off screen. */
body.discover-page.discover-listing-page #map-panel {
  position: fixed;
  top: 0;
  left: -200vw;
  width: 800px;
  height: 600px;
  visibility: hidden;
}

/* Search and results belong to /discover. A page is one type, so no mode toggle. */
body.discover-page.discover-listing-page #discover-boot-shell,
body.discover-page.discover-listing-page #listings-overlay,
body.discover-page.discover-listing-page #listings-sheet,
body.discover-page.discover-listing-page #discover-map-mode-fab,
body.discover-page.discover-listing-page #discover-map-mode-header-btn,
body.discover-page.discover-listing-page #discover-map-spaces-badge,
body.discover-page.discover-listing-page .discover-toolbar-search-field,
body.discover-page.discover-listing-page .spot-groups-mode-toggle {
  display: none !important;
}