/* Interactive peak map */
#peak-map {
  height: 560px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--md-default-fg-color--lightest, #ddd);
  z-index: 0;            /* keep below the Material header */
}
/* Full-screen map page: break out of the Material content column to the full
   viewport width + height (the embedded home-page map stays boxed at 560px). */
#peak-map.fullpage {
  height: calc(100vh - 140px);
  min-height: 480px;
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
  border-radius: 0;
  border-left: none;
  border-right: none;
}

/* full-screen control button (⛶) */
a.peakmap-fs {
  font-size: 18px; line-height: 26px; text-align: center; font-weight: bold;
  color: #333; text-decoration: none;
}
#peak-map:fullscreen { width: 100vw; height: 100vh; border: none; border-radius: 0; }
#peak-map:-webkit-full-screen { width: 100vw; height: 100vh; }

/* green CalTopo-style peak marker: clear the default divIcon white box */
.peak-marker { background: none; border: none; }
.peak-marker svg { display: block; filter: drop-shadow(0 1px 1px rgba(0,0,0,0.4)); }

/* Leaflet popups: readable in dark mode too */
.leaflet-popup-content { color: #222; }