/**
 * Roam Explore — gate boat-nav chrome; keep water temp / waves conditions.
 * Layout stays Boat Explore; only hide marine-instrument / navigation choices.
 */

body.roam-explore [data-overlay="buoy"],
body.roam-explore [data-overlay="buoys"],
body.roam-explore [data-overlay="ndbc"],
body.roam-explore [data-overlay="ferry"],
body.roam-explore [data-overlay="ferries"],
body.roam-explore [data-overlay="enc"],
body.roam-explore [data-overlay="depth"],
body.roam-explore [data-overlay="bathy"],
body.roam-explore [data-overlay="bathymetry"],
body.roam-explore [data-layer="buoy"],
body.roam-explore [data-layer="ferries"],
body.roam-explore [data-layer="enc"],
body.roam-explore [data-layer="depth"],
body.roam-explore button[data-wx="buoy"],
body.roam-explore button[data-wx="ferries"],
body.roam-explore button[data-wx="enc"],
body.roam-explore button[data-wx="depth"],
body.roam-explore .ba-chip[data-kind="buoy"],
body.roam-explore .ba-chip[data-kind="ferry"],
body.roam-explore .ba-chip[data-kind="enc"],
body.roam-explore .ba-chip[data-kind="depth"],
body.roam-explore #nav-mode-btn,
body.roam-explore #plan-mode-btn,
body.roam-explore [data-mode="navigate"],
body.roam-explore [data-mode="plan"],
body.roam-explore .ba-nav-engine,
body.roam-explore #my-boat-chip,
body.roam-explore [data-panel="my-boat"],
/* Roam SiteHeader owns top chrome — hide Boat site nav */
body.roam-explore .ba-nav-wrap,
body.roam-explore .ba-nav-wrap--dark,
body.roam-explore header.ba-site-header {
  display: none !important;
}

/* Roam map page: fill viewport even if body classes briefly churn (Strict Mode). */
body.roam-explore main.atlas-explore-main.roam-explore-host,
main.atlas-explore-main.roam-explore-host {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  background: #041820 !important;
}

body.roam-explore .roam-explore-host .atlas-body-mount,
body.roam-explore .roam-explore-host #map,
main.atlas-explore-main.roam-explore-host .atlas-body-mount,
main.atlas-explore-main.roam-explore-host #map {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

/* Keep water-temp / waves visible (do not hide field chips) */
body.roam-explore [data-wx="water-temp"],
body.roam-explore [data-wx="waves"],
body.roam-explore [data-field="water-temp"],
body.roam-explore [data-field="waves"] {
  display: revert !important;
}

/*
 * Map gestures: atlas #map must stay hittable under React POI chrome.
 * React overlays use pointer-events-none roots; only chips/panels opt in.
 */
body.roam-explore .atlas-body-mount,
body.roam-explore .atlas-body-mount #map,
body.roam-explore .atlas-body-mount .mapboxgl-map,
body.roam-explore .atlas-body-mount .mapboxgl-canvas-container,
body.roam-explore .atlas-body-mount .mapboxgl-canvas {
  pointer-events: auto !important;
}

/* Boat instrument chrome above the canvas */
body.roam-explore .wx-field-toggle,
body.roam-explore #wx-field-toggle,
body.roam-explore .map-tools,
body.roam-explore .data-dock,
body.roam-explore .scrubber,
body.roam-explore #scrubber,
body.roam-explore .inspector,
body.roam-explore .ba-v2-forecast-card {
  pointer-events: auto !important;
}