/* ========================================
   HOMEPAGE-SPECIFIC OVERRIDES
   ======================================== */

/* Hide the global header on main.html when drawer is closed - we use fixed overlay items instead */
body:not(.drawer-open) header {
  display: none !important;
}

/* Show header above drawer when drawer is open */
body.drawer-open header {
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background: #fff !important;
}

/* Hide the fixed overlay items when drawer is open - use global header instead */
body.drawer-open #main-logo,
body.drawer-open #main-menu-button {
  display: none !important;
}

/* ======================================== */

/* MAP HERO - 68vh full-width, STICKY */
.nearby-section {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important; /* Clip map to prevent overlap with content-area rounded corners */
  width: 100% !important;
  max-width: none !important;
  position: sticky !important; /* Sticky positioning */
  top: 0 !important; /* Sticks to top when scrolling */
  z-index: 999 !important; /* Below fixed header, above content */
  height: 68vh !important; /* Fixed height for sticky */
}

/* Hide "Incidents Near You" label */
.section-label {
  display: none !important;
}

/* Map at 68vh - full width, no border radius */
#map {
  width: 100% !important;
  height: 68vh !important;
  border-radius: 0 !important;
  transition: height .3s ease;
}

.map-container {
  position: relative;
  height: 100%;
}

/* Hide Safety Circle toggle for now */
#safetyCircleToggle {
  display: none !important;
}

/* Main content - remove top spacing so map starts at top */
main {
  padding: 0 !important;
  margin: 0 !important;
}