/**
 * maps.css - Styles pour les cartes Google Maps interactives
 */

/* Conteneur principal de la carte */
.location-map-container {
  margin: 15px 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #e9ecef;
}

/* En-tête de la section carte */
.location-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 15px;
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  color: #333;
  font-size: 14px;
}

.location-header i {
  color: #3498db;
}

/* Style pour la carte interactive */
.google-map-interactive {
  width: 100%;
  height: 300px;
  background-color: #f0f0f0;
  transition: opacity 0.3s ease;
}

.google-map-interactive.map-initialized {
  animation: mapFadeIn 0.5s ease-in-out;
}

/* Pied de la section carte */
.location-footer {
  padding: 10px 15px;
  display: flex;
  justify-content: flex-end;
  background-color: #f8f9fa;
  border-top: 1px solid #e9ecef;
}

/* Lien pour ouvrir dans Google Maps */
.open-in-maps {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #3498db;
  text-decoration: none;
  transition: color 0.2s ease;
}

.open-in-maps:hover {
  color: #2980b9;
  text-decoration: underline;
}

/* Animation pour l'apparition de la carte */
@keyframes mapFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}