/* carte.css — Styles personnalisés pour la carte SAV Roussey
 * Améliore le rendu de Leaflet + MarkerCluster + toggle styles. */

/* Toggle style clair/sombre/satellite (coin haut-gauche) */
.carte-style-toggle button.carte-style-btn {
  transition: background .15s, transform .1s;
}
.carte-style-toggle button.carte-style-btn:hover {
  background: #f0f0f0 !important;
}
.carte-style-toggle button.carte-style-btn.active {
  background: #3b82f6 !important;
  color: #fff !important;
}
.carte-style-toggle button.carte-style-btn:last-child {
  border-right: 0 !important;
}

/* Clusters custom — design moderne */
.dw-cluster {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  font-family: system-ui, -apple-system, sans-serif;
  box-shadow: 0 2px 8px rgba(0,0,0,.3);
  border: 3px solid rgba(255,255,255,.9);
  transition: transform .15s;
}
.dw-cluster:hover { transform: scale(1.1); }
.dw-cluster-sm { background: #3b82f6; }
.dw-cluster-md { background: #0ea5e9; width: 44px; height: 44px; font-size: 14px; }
.dw-cluster-lg { background: #8b5cf6; width: 50px; height: 50px; font-size: 15px; }
.dw-cluster-urgent { background: #ef4444; animation: dw-pulse 1.5s infinite; }

@keyframes dw-pulse {
  0%, 100% { box-shadow: 0 2px 8px rgba(239,68,68,.4); }
  50% { box-shadow: 0 2px 16px rgba(239,68,68,.8), 0 0 0 6px rgba(239,68,68,.15); }
}

/* Popup : coins plus ronds, ombre moderne */
.leaflet-popup-content-wrapper {
  border-radius: 10px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.2) !important;
}
.leaflet-popup-tip {
  box-shadow: 0 4px 10px rgba(0,0,0,.15) !important;
}

/* Fullscreen button : plus visible */
.leaflet-control-fullscreen a.fullscreen-icon {
  background-color: #fff;
  border-radius: 6px;
}

/* Scale bar : style plus moderne */
.leaflet-control-scale-line {
  border: 2px solid #333 !important;
  border-top: 0 !important;
  font-weight: 600;
  font-size: 10px;
  padding: 1px 4px;
  color: #111;
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(4px);
}

/* Container carte : coins arrondis + ombre */
#leafletMap {
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0,0,0,.1);
}