/**
 * @file map-interface.css
 * @purpose Clarify sidebar navigation, scaled text and mode pictograms.
 * @dependencies Loaded last by map.html; existing map/sidebar and legend styles.
 * @public Map-page typography, sidebar rail icons, mode-icon overlays and text scale.
 * @sideEffects Changes interface presentation only; homepage and map viewport stay untouched.
 */

/* Shared interface font is owned by site-font.css, not by sidebar layout. */

/* Map modes first; the four account/navigation rows remain together at the bottom. */
.map-sidebar .layer-menu { margin-top: 0; padding-top: 0; border-top: 0; }
.map-sidebar #notification-menu { margin-top: auto; }
.map-sidebar .sidebar-home-button { margin-top: 0; }
/* One solid UI accent; semantic map imagery and measurement geometry are independent. */
.map-page { --accent: #4285F4; --accent-dark: #4285F4; }
.map-page .user-location-marker {
  background: #4285F4;
  box-shadow: 0 0 0 7px rgba(66, 133, 244, 0.18), 0 3px 10px #0003;
}
.map-page .map-tool-button.is-active:not(.sun-shadow-toggle):not(#measure-toggle) {
  background: #4285F4;
  box-shadow: none;
}
.map-sidebar .sidebar-button, .map-sidebar .layer-menu > summary { color: #fff; }
.sidebar-nav-icon {
  display: block;
  width: 24px;
  height: 24px;
  aspect-ratio: 1;
  fill: none;
  stroke: #fff;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* White, thick-line symbols sit above a subtle scrim so bright thumbnails stay legible. */
.map-tool-choice .layer-swatch::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #10151d26;
  pointer-events: none;
}
.map-tool-choice .mode-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
  fill: none;
  stroke: #fff;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

/* Reduce the enlarged sidebar text by 10% (1.25 × 0.9 of the original). */
.map-sidebar .navigation-label { font-size: 0.8775rem; }
.map-sidebar .map-base-choices legend,
.map-sidebar .map-tool-section-heading strong { font-size: 12.375px; }
.map-sidebar .map-base-choice { font-size: 13.5px; }
.map-sidebar #map-tool-clear { font-size: 11.25px; }
.map-sidebar .map-tool-choice .layer-choice-copy strong { font-size: 12.375px; }
.map-sidebar .layer-choice-copy small { font-size: 0.63rem; }
.map-sidebar .layer-toggle-copy strong { font-size: 0.765rem; }
.map-sidebar .trail-legend-heading strong,
.map-sidebar .project-legend-heading strong,
.map-sidebar .valuation-legend-heading strong,
.map-sidebar .renewable-legend-heading strong { font-size: 0.75375rem; }
.map-sidebar .trail-legend-heading span,
.map-sidebar .project-legend-heading span,
.map-sidebar .valuation-legend-heading span,
.map-sidebar .renewable-legend-heading span { font-size: 0.54rem; }
.map-sidebar .trail-legend li { font-size: 0.63rem; }
.map-sidebar .project-filter-group legend { font-size: 11.25px; }
.map-sidebar .project-legend li { font-size: 12.375px; }
.map-sidebar .valuation-gradient-labels,
.map-sidebar .renewable-gradient-labels { font-size: 0.55125rem; }
.map-sidebar .trail-legend > small,
.map-sidebar .project-legend-status,
.map-sidebar .project-legend-note,
.map-sidebar .valuation-legend-status,
.map-sidebar .valuation-legend-note,
.map-sidebar .renewable-legend-status,
.map-sidebar .renewable-legend-note { font-size: 0.5625rem; }

@media (max-width: 23rem) {
  .map-sidebar .map-tool-choice .layer-choice-copy strong { font-size: 11.25px; }
}