/* Walk to Work - small UI fixes (safe defaults) */
:root { color-scheme: light dark; }

/* Ensure readable text in dark mode for plain Bootstrap pages */
[data-theme="dark"], [data-bs-theme="dark"] {
  --bs-body-bg: #0f1115;
  --bs-body-color: #e9ecef;
  --bs-secondary-color: #adb5bd;
}
[data-theme="dark"] body, [data-bs-theme="dark"] body { color: var(--bs-body-color); }
[data-theme="dark"] .text-muted, [data-bs-theme="dark"] .text-muted { color: var(--bs-secondary-color) !important; }
[data-theme="dark"] .form-text, [data-bs-theme="dark"] .form-text { color: var(--bs-secondary-color) !important; }

/* Leaflet: match site theme + avoid default icon assets */
.leaflet-container { background: #0f1115; border-radius: 14px; }
[data-theme="dark"] .leaflet-control-zoom a,
[data-bs-theme="dark"] .leaflet-control-zoom a {
  background: rgba(20,22,28,.9);
  color: #e9ecef;
  border-color: rgba(255,255,255,.08);
}
[data-theme="dark"] .leaflet-popup-content-wrapper,
[data-bs-theme="dark"] .leaflet-popup-content-wrapper {
  background: rgba(15,17,21,.96);
  color: #e9ecef;
}
[data-theme="dark"] .leaflet-popup-tip,
[data-bs-theme="dark"] .leaflet-popup-tip {
  background: rgba(15,17,21,.96);
}

.wtw-job-marker{
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,.22);
  border: 1px solid rgba(255,255,255,.45);
}