/* testLabelPerm */
.map-label {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #222;
  font-size: 12px;
  font-weight: 600;
  padding: 0;
}
.map-label:before {
  display: none;
}




#cc-fiche.viz-active {
  display: block !important;
}

#cc-fiche .viz-inactive {
  display: none !important;
}

.aktone-cluster-auto,
.aktone-cluster-large,
.aktone-cluster-medium,
.aktone-cluster-small {
	background-clip: padding-box;
	background-color: rgba(74, 74, 73, 0.6);
	color:#fff;
	font-weight: bolder;
	border: 5px solid #CCC;
	padding: 5px;
	border-radius: 50%;
	aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.aktone-cluster-auto div {
	text-align: center;
	flex: 0 0;
	/* background:#FFF; */
}
.aktone-cluster-auto {
	width: max-content;

}
.aktone-cluster-large,
.aktone-cluster-medium,
.aktone-cluster-small {
}
.aktone-cluster-large {
	width: 80px;
}
.aktone-cluster-medium {
	width: 60px;
}
.aktone-cluster-small {
	width: 40px;
}

.awesome-marker {
	padding-top: 10px;
}






/* base neutre */
.leaflet-marker-icon.fa-badge-marker,
.leaflet-marker-icon.fa-marker { line-height: 0; }

/* ombre portée sous le badge + relief interne */
.leaflet-marker-icon.fa-marker.shadowed .fa-stack {
  filter: drop-shadow(0 4px 2px rgba(97, 96, 96, 0.35));
}
.leaflet-marker-icon.fa-marker.shadowed .fa-location-pin.fa-stack-2x {
  /* léger biseau interne pour un rendu “émail” */
  /* box-shadow:
    inset 0 2px 6px rgba(255,255,255,.25),
    inset 0 -3px 8px rgba(0,0,0,.18); */
}
/* hover optionnel */
.leaflet-marker-icon.fa-marker.shadowed:hover .fa-stack {
  transform: translateY(-1px);
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.4));
}


.fa-stack-1x { font-size:0.8em;}
.fa-stack-2x { font-size:2em; }

/* animation du marker */
@keyframes marker-bounce {
	0%{ translate: 0 0; }
	20%{ translate: 0 -18px; }
	40%{ translate: 0 0; }
	55%{ translate: 0 -9px; }
	70%,100%{ translate: 0 0; }
}
.leaflet-marker-icon.jump {
	animation: marker-bounce 600ms ease-out both;
	transform-origin: bottom center; /* Leaflet garde son transform */
}
/* gonflement du marker */
@keyframes pop {
	0%{ scale:2 } 
	20%{ scale:2.15 } 
	40%{ scale:2 }
	55%{ scale:2.08 } 
	70%,100%{ scale:1 }
}
.leaflet-marker-icon .jumpable .fa-stack {
	animation: pop 600ms ease-out both;
}

/* accessibilité : désactiver si l’utilisateur préfère moins d’animations */
@media (prefers-reduced-motion: reduce) {
  .leaflet-marker-icon.jump { animation: none; }
}


/* LEGENDE */ 
/* Cercle principal (conteneur) */
.main-circle {
  width: 76px;
  height: 76px;
  border: 2px solid #ccc;
  border-radius: 50%;
  position: relative;
  margin: 0 20px 0 0;
  padding: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
/* Cercles internes (clusters) */
.cluster-circle {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
}
/* Tailles et couleurs des cercles (exemple) */
.cluster-circle:nth-child(1) {
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 1px solid #CCC;
}
.cluster-circle:nth-child(2) {
  width: 48px; /* 36px; */
  height: 48px ; /*36px;*/
  background-color: transparent;   
  border: 1px solid #CCC;
}
.cluster-circle:nth-child(3) {
  width: 56px;
  height: 56px;
  background-color: transparent;
  border: 1px solid #CCC;
}