@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;700;900&display=swap');

body {
  font-family: 'Inter', sans-serif;
  -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5, h6, .font-display {
  font-family: 'Outfit', sans-serif;
}

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

.leaflet-control-container {
  display: none;
}

/* Custom Map Markers */
.custom-marker {
  background: transparent;
  border: none;
}
.marker-pin {
  width: 36px;
  height: 36px;
  border-radius: 50% 50% 50% 0;
  background: #2563eb;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -18px 0 0 -18px;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
  border: 2px solid white;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.custom-marker:hover .marker-pin {
  transform: rotate(-45deg) scale(1.1);
  background: #1d4ed8;
}
.marker-icon {
  position: absolute;
  width: 36px;
  height: 36px;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 36px;
  color: white;
  font-size: 14px;
  z-index: 10;
}

/* Chat Pulse Animation */
@keyframes pulse-ring {
  0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(37, 99, 235, 0); }
  100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
}
.chat-pulse {
  animation: pulse-ring 2s infinite;
}