/* =========================================================
   ENGLISH-LABELED MAP PRESENTATION v109
   Detailed Esri topographic reference map with English-friendly
   international context. Basemap labels remain visible.
   ========================================================= */

.leaflet-container{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  background:#e7e3da!important;
}

/* Preserve the cartographic tile artwork and label legibility.
   Do NOT invert the basemap in dark mode. */
html[data-theme="light"] .leaflet-tile-pane,
html[data-theme="dark"] .leaflet-tile-pane{
  filter:none!important;
  opacity:1!important;
}

/* Dark-theme map frame is slightly stronger so the light basemap
   feels intentional rather than visually detached. */
html[data-theme="dark"] .story-map-shell,
html[data-theme="dark"] .academic-map-card,
html[data-theme="dark"] .academic-map-card-wide,
html[data-theme="dark"] .compact-contact-map,
html[data-theme="dark"] .up-v53-map-sticky{
  border-color:#39484d!important;
  background:#111c22!important;
}

/* Portfolio-owned labels remain clearly readable in English. */
.leaflet-tooltip{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:.69rem!important;
  line-height:1.35!important;
  font-weight:650!important;
  letter-spacing:0!important;
  max-width:300px;
}

html[data-theme="light"] .leaflet-tooltip{
  background:#fffdfa!important;
  color:#173249!important;
  border-color:#d9d5cd!important;
  box-shadow:0 4px 12px rgba(23,50,73,.14)!important;
}

html[data-theme="dark"] .leaflet-tooltip{
  background:#101b21!important;
  color:#e8efed!important;
  border-color:#3b494e!important;
  box-shadow:0 5px 16px rgba(0,0,0,.32)!important;
}

html[data-theme="light"] .leaflet-tooltip::before{
  border-top-color:#fffdfa!important;
}
html[data-theme="dark"] .leaflet-tooltip::before{
  border-top-color:#101b21!important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
}

html[data-theme="light"] .leaflet-popup-content-wrapper,
html[data-theme="light"] .leaflet-popup-tip{
  background:#fffdfa!important;
  color:#173249!important;
}

html[data-theme="dark"] .leaflet-popup-content-wrapper,
html[data-theme="dark"] .leaflet-popup-tip{
  background:#101b21!important;
  color:#e8efed!important;
}

/* Zoom/control chrome follows the portfolio theme while the map
   itself remains an ordinary readable reference map. */
html[data-theme="light"] .leaflet-bar a{
  background:#fffdfa!important;
  color:#173249!important;
  border-color:#d9d5cd!important;
}
html[data-theme="dark"] .leaflet-bar a{
  background:#101b21!important;
  color:#e8efed!important;
  border-color:#3b494e!important;
}

html[data-theme="light"] .leaflet-bar a:hover{
  background:#f1eee7!important;
}
html[data-theme="dark"] .leaflet-bar a:hover{
  background:#19272d!important;
}

/* Attribution stays small and unobtrusive. */
.leaflet-control-attribution{
  font-size:8px!important;
  line-height:1.2!important;
}

/* Never alter project markers, polygons, tooltips, or map overlays. */
.leaflet-marker-pane,
.leaflet-tooltip-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane{
  filter:none!important;
}