/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.3);
  border-radius: 9999px;
}

/* Leaflet Popup Styling */
.leaflet-popup-content-wrapper {
  background: var(--popup-bg, #ffffff) !important;
  color: var(--popup-text, #0f172a) !important;
  border: 1px solid var(--popup-border, #e2e8f0);
  border-radius: 14px !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.dark .leaflet-popup-content-wrapper {
  --popup-bg: #1e293b;
  --popup-text: #f8fafc;
  --popup-border: #334155;
}

.leaflet-popup-tip {
  background: var(--popup-bg, #ffffff) !important;
}

/* Marker Pulse Effect */
.pulse-marker {
  box-shadow: 0 0 0 0 rgba(20, 184, 166, 0.7);
  animation: pulse-ring 1.8s infinite;
}

@keyframes pulse-ring {
  0% {
    box-shadow: 0 0 0 0 rgba(20, 184, 166, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(20, 184, 166, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(20, 184, 166, 0);
  }
}

/* Utilities */
.otp-field:focus {
  border-color: #0d9488;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.2);
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.pb-mobile-nav {
  padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
}