/* ==========================================================================
   Map Markers & Advanced Marker Elements
   ========================================================================== */

/* Marker styles */
gmp-advanced-marker {
  cursor: pointer;
}

/* Add transitions for marker visibility and clickability */
.google-map-marker {
  transition: opacity 0.6s ease, transform 0.4s ease;
  opacity: 1;
  pointer-events: auto;
}

.google-map-marker.hidden {
  opacity: 0;
  transform: scale(0.85);
  pointer-events: none;
}

.marker-label {
  color: white !important;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  padding: 4px 8px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

/* 3D effect for markers */
.gm-style img[src*='circle'],
.gm-style div[style*='background-image'] {
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.5)) !important;
}

/* ==========================================================================
   Map Legend - LEGACY STYLES (COMMENTED OUT TO AVOID CONFLICTS)
   ========================================================================== */

/* 
.map-legend {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 20px 0;
  position: relative;
  margin: 20px auto 20px;
  background-color: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 10rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  width: 25rem;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.legend-marker {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3),
    inset 0 1px 3px rgba(255, 255, 255, 0.3);
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(0, 0, 0, 0.15) 100%
  );
}

.legend-marker.available {
  background-color: var(--gradient-blue);
}

.legend-marker.leased {
  background-color: var(--teal);
}

.legend-marker.development {
  background-color: #b65aff;
}
*/

/* ==========================================================================
   Animations
   ========================================================================== */

/* Pulse animation for markers */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

:root {
  /* Map marker colors */
  --map-marker-available-color: var(--gradient-blue);
  --map-marker-completed-color: var(--teal);
  --map-marker-development-color: var(--cyan);
}