/* Stile per i marcatori che raggruppano più POI nella stessa posizione */
.custom-grouped-poi-icon {
    border-radius: 50%;
    color: white;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.custom-grouped-poi-icon div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Colori di sfondo per le icone raggruppate (puoi riutilizzare i tuoi vecchi stili dei cluster) */
.cluster-gray-medium {
    background-color: rgba(108, 117, 125, 0.8); /* Grigio medio con trasparenza */
}

/* Stile per il tooltip on-hover (probabilmente lo hai già) */
.cluster-tooltip-custom {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}

.cluster-tooltip-content ul {
    list-style: none;
    padding: 5px 10px;
    margin: 0;
}

.cluster-tooltip-content li {
    padding: 2px 0;
    font-size: 13px;
}

.cluster-tooltip-content strong {
    font-size: 15px;
}

.cluster-tooltip-content .tooltip-color-swatch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    border: 1px solid #777;
}

.custom-div-icon {
    /* Proprietà di base che rimangono invariate */
    color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 2px solid white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    font-size: 12px; /* Puoi aggiustare la dimensione dell'icona qui */

    /* MODIFICATO: Usa Flexbox per un centraggio perfetto e robusto */
    display: flex;
    justify-content: center; /* Centra l'icona sull'asse orizzontale */
    align-items: center;    /* Centra l'icona sull'asse verticale */
}

.custom-div-icon.icon-bene { background-color: #f58345; }
.custom-div-icon.icon-persona { background-color: #20d999; }
.custom-div-icon.icon-bibliografia { background-color: #1abfdf; }
.custom-div-icon.icon-contenuto { background-color: #c76cab; }
.custom-div-icon.icon-documento { background-color: #007bff; }
.custom-div-icon.icon-ente { background-color: #17a2b8; }
.custom-div-icon.icon-opera_arte { background-color: #5e6db3; }
.custom-div-icon.icon-storia { background-color: #ab0743; }
