/* Map section */
.map {
  width: 100%;
  height: 500px;
}

/* Mapbox markers */
.custom-marker { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; cursor: pointer; position: relative; }
.marker-pulse { position: absolute; width: 100%; height: 100%; background-color: #BD7A3E; border-radius: 50%; opacity: 0.4; animation: markerGlow 2s infinite ease-out; }
@keyframes markerGlow { 0% { transform: scale(0.6); opacity: 0.6; } 100% { transform: scale(1.4); opacity: 0; } }
.marker-icon { width: 24px; height: 24px; position: relative; z-index: 2; }

/* Mapbox popups */
.mapboxgl-popup { max-width: 250px; }
.mapboxgl-popup-content { border-radius: 8px; padding: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.popup-title { font-weight: bold; font-size: 16px; margin-bottom: 5px; color: #333; }
.popup-meta { font-size: 13px; color: #666; margin-bottom: 10px; }
.popup-link { display: inline-block; font-size: 13px; color: #fff; background-color: #BD7A3E; text-decoration: none; padding: 5px 10px; border-radius: 4px; transition: background-color 0.2s; }
.popup-link:hover { background-color: #a06632; }