/* Custom CSS for Ăn Xin Online 4.0 */

@layer utilities {
  .scrollbar-none::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

/* Custom Leaflet Map styling */
.leaflet-container {
  font-family: inherit;
  background-color: #020617 !important;
}

/* Leaflet Popup Styling */
.custom-leaflet-popup .leaflet-popup-content-wrapper {
  background: rgba(15, 23, 42, 0.95) !important;
  color: #f8fafc !important;
  border-radius: 1.25rem !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(8px) !important;
  padding: 0.25rem !important;
}

.custom-leaflet-popup .leaflet-popup-tip {
  background: rgba(15, 23, 42, 0.95) !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

.custom-leaflet-popup .leaflet-popup-content {
  margin: 0.75rem !important;
  line-height: 1.4 !important;
}

.custom-leaflet-popup .leaflet-popup-close-button {
  color: #94a3b8 !important;
  padding: 8px 8px 0 0 !important;
}
.custom-leaflet-popup .leaflet-popup-close-button:hover {
  color: #f8fafc !important;
}

/* Smooth Pulse Animation for SOS Markers */
@keyframes radar-pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  70% {
    transform: scale(2.2);
    opacity: 0;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}

.animate-radar {
  animation: radar-pulse 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}