/* Corrections pour la carte statique */
.map-wrap {
  position: relative;
  height: 500px;
  overflow: hidden;
  background: #eae4de;
}

.map-wrap .map-canvas {
  position: absolute;
  inset: 0;
  opacity: 0;
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease;
  width: 100%;
  height: 100%;
}

/* S'assurer que l'image couvre tout le conteneur */
.map-wrap .map-canvas img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Positionnement du marqueur */
.map-wrap .map-marker {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -100%); /* Décaler pour que la pointe du marqueur soit au bon endroit */
  z-index: 5;
}

/* Animation du marqueur */
.map-wrap .map-marker {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.5s ease;
  transform: translate(-50%, -80%);
}

.map-wrap.loaded .map-marker {
  opacity: 1;
  transform: translate(-50%, -100%);
  transition-delay: 0.3s;
}

/* Classe ajoutée quand la carte est chargée */
.map-wrap.loaded .map-canvas {
  opacity: 1;
}