/* ═══════════════════════════════════════════════════════════
   MAP.CSS — Leaflet popup, markers, location view styles
   ═══════════════════════════════════════════════════════════ */

/* ─── Map container ───────────────────────────────────────── */
#loc-map { position: relative; z-index: 1; }

/* ─── Leaflet popup overrides ─────────────────────────────── */
.leaflet-popup-content-wrapper {
  border-radius: 14px !important; padding: 0 !important;
  box-shadow: 0 8px 32px rgba(10,22,40,.18) !important;
  border: 1px solid rgba(10,22,40,.06) !important;
}
.leaflet-popup-content { margin: 0 !important; min-width: 210px; }
.leaflet-popup-tip { background: white !important; }
.eng-popup-inner { padding: 14px 16px; }

/* ─── Engineer map markers ────────────────────────────────── */
.eng-marker-wrap {
  width: 36px; height: 36px; border-radius: 50%;
  border: 3px solid white; box-shadow: 0 2px 10px rgba(0,0,0,.25);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: transform .15s ease, box-shadow .15s ease;
}
.eng-marker-wrap:hover { transform: scale(1.18); box-shadow: 0 4px 18px rgba(0,0,0,.35); }
.eng-marker-wrap.in-radius  { border-color: #F57F17 !important; box-shadow: 0 3px 14px rgba(245,127,23,.55) !important; }
.eng-marker-wrap.out-radius { opacity: 0.35; }

/* ─── Search results list ─────────────────────────────────── */
.loc-result-item {
  display: flex; align-items: center; gap: 10px; padding: 9px 10px;
  border-radius: 10px; cursor: pointer; transition: background .15s;
}
.loc-result-item:hover { background: #F1F5F9; }

/* ─── Search error message ────────────────────────────────── */
.loc-search-error {
  padding: 10px 12px; background: #FEF2F2; border-radius: 10px;
  color: #DC2626; font-size: 12px; font-weight: 500; margin: 8px;
}

/* ─── Radius range slider ─────────────────────────────────── */
#loc-radius { accent-color: var(--color-ntblue); width: 100%; }