@tailwind base;
@tailwind components;
@tailwind utilities;

/* Fix for Leaflet icons in Next.js */
.leaflet-default-icon-path {
  background-image: url(https://unpkg.com/leaflet@1.7.1/dist/images/marker-icon.png);
}

/* Custom styles */
html, body, #__next {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Fix for Leaflet container */
.leaflet-container {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 0;
}

/* Ensure popups appear above other elements */
.leaflet-popup {
  z-index: 1000;
}

/* Fix marker icons */
.leaflet-marker-icon {
  background: transparent;
  border: none;
}

/* Panel animations */
@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

.slide-up {
  animation: slideUp 0.3s ease-out;
}