/* ── Dark theme (default) ── */
.country-label {
  color: #e5e7eb;
  font-size: 11px;
  font-weight: 600;
  text-shadow: 0 0 6px rgba(0,0,0,0.9), 0 0 12px rgba(0,0,0,0.7);
  white-space: nowrap;
  cursor: grab;
}
.country-label:active { cursor: grabbing; }

/* ── Light theme overrides ── */
body.bg-white .country-label {
  color: #1f2937;
  text-shadow: 0 0 4px rgba(255,255,255,0.9), 0 0 8px rgba(255,255,255,0.6);
}
body.bg-white .mineral-pill {
  border-color: #d1d5db;
  color: #6b7280;
}
body.bg-white .mineral-pill:hover {
  border-color: #9ca3af;
  color: #374151;
}
body.bg-white .mineral-pill.active {
  background: rgba(0,0,0,0.06);
  border-color: #6b7280;
  color: #111827;
}
body.bg-white h1 { color: #111827 !important; }
body.bg-white p { color: #6b7280 !important; }
body.bg-white .leaflet-tooltip {
  background: #fff;
  color: #374151;
  border-color: #d1d5db;
}
body.bg-white .leaflet-tooltip-top:before { border-top-color: #d1d5db; }
body.bg-white .leaflet-tooltip-bottom:before { border-bottom-color: #d1d5db; }
body.bg-white .leaflet-tooltip-left:before { border-left-color: #d1d5db; }
body.bg-white .leaflet-tooltip-right:before { border-right-color: #d1d5db; }
body.bg-white .rounded-xl { border-color: #d1d5db !important; }

/* Port & strait labels — visible at higher zoom */
.poi-label {
  font-size: 8px;
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}
.port-label {
  color: #94a3b8;
  text-shadow: 0 0 4px rgba(0,0,0,0.8);
}
.strait-label {
  color: #fbbf24;
  font-style: italic;
  text-shadow: 0 0 4px rgba(0,0,0,0.8);
}
/* Show labels when zoomed in (zoom >= 4) — controlled via JS class on #map */
#map.zoom-labels .poi-label {
  opacity: 1;
}

/* Light theme POI overrides */
body.bg-white .port-label {
  color: #475569;
  text-shadow: 0 0 3px rgba(255,255,255,0.8);
}
body.bg-white .strait-label {
  color: #b45309;
  text-shadow: 0 0 3px rgba(255,255,255,0.8);
}

/* Leaflet tooltip overrides (dark default) */
.leaflet-tooltip {
  background: #1a1a2e;
  color: #ccc;
  border: 1px solid #333;
  border-radius: 6px;
  font-size: 11px;
  padding: 6px 10px;
  line-height: 1.5;
}
.leaflet-tooltip-top:before { border-top-color: #333; }
.leaflet-tooltip-bottom:before { border-bottom-color: #333; }
.leaflet-tooltip-left:before { border-left-color: #333; }
.leaflet-tooltip-right:before { border-right-color: #333; }

/* Mineral pill buttons */
.mineral-pill {
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #374151;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.15s ease;
}
.mineral-pill:hover {
  border-color: #6b7280;
  color: #e5e7eb;
}
.mineral-pill.active {
  background: rgba(255,255,255,0.1);
  border-color: #9ca3af;
  color: #fff;
}

/* Map container */
#map { background: #030712; }  /* matches bg-gray-950 */

/* Scrollbar */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #444; border-radius: 2px; }