/* Custom styles to supplement Tailwind CSS */

body {
  font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Leaflet Map Customization */
.leaflet-popup-content-wrapper {
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.leaflet-popup-content {
  font-family: inherit;
  font-size: 0.875rem;
  margin: 0.8rem 1rem;
}

/* Navbar transition */
.navbar-links {
  transition: all 0.3s ease-in-out;
}

/* Custom scrollbar for better aesthetics on some browsers */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}