.leaflet-popup-content ul {
    max-height: 15em;
    overflow-y: auto;
}

.leaflet-control-attribution {
    display: none;
}

#map_counter {
    margin-top: 5px;
    font-size: 0.8em;
}

.type_icon {
    padding: 5px;
    margin: 0px;    
    border-radius: 5px;
    margin-right: 5px;
}

.type_bene {
    background-color: red;
    color: #ffffff;
}

.type_documento {
    background-color: blue;
    color: #ffffff;
}

.type_contenuto {
    background-color: blue;
    color: #ffffff;
}

.type_persona {
    background-color: orange;
    color: #ffffff;
}

.type_ente {
    background-color: yellow;
    color: #ffffff;
}

.type_opera_arte {
    background-color: green;
    color: #ffffff;
}

.map {
    flex: 1 !important; /* !important per vincere eventuali stili inline del tema */
    position: relative !important;
    min-height: 400px;
    display: flex; /* Aggiungiamo questo per assicurarci che si comporti come contenitore */
}

#search_results li.initially-hidden {
    display: none;
}

/* Rende il trigger "Mostra altri" cliccabile e visibile */
.show-more-trigger {
    color: #007bff;
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px;
    list-style-type: none; /* Opzionale: per non avere il pallino della lista */
}

.show-more-trigger:hover {
    text-decoration: underline;
}

/* Contenitore per la mappa e il loader, per il posizionamento */
.map-wrapper {
    position: relative;
}

/* Stile del loader: un overlay semi-trasparente */
.map-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1000; /* Assicura che sia sopra la mappa */
    display: none; /* Nascosto di default */
    justify-content: center;
    align-items: center;
}

/* Mostra il loader quando il contenitore ha la classe 'is-loading' */
.map-wrapper.is-loading .map-loader {
    display: flex;
}

/* Creazione dello spinner animato con CSS */
.map-loader::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #333; /* Colore della parte "in movimento" */
    border-radius: 50%;
    animation: map-spinner 0.8s linear infinite;
}

/* Animazione per la rotazione dello spinner */
@keyframes map-spinner {
    to {
        transform: rotate(360deg);
    }
}

/* Stile di base per tutti i cluster personalizzati */
.my-cluster {
    background-clip: padding-box;
    border-radius: 50%; /* Cerchio perfetto */
}

/* Contenitore interno per centrare perfettamente il numero */
.my-cluster div {
    width: 100%;
    height: 100%;
    
    /* Centratura del testo (il numero) */
    display: flex;
    align-items: center;
    justify-content: center;
    
    border-radius: 50%;
    /* font-weight: bold; */
    color: white;
    /* text-shadow: 1px 1px 2px black; */
}

/* Gradazioni di grigio */

.cluster-gray-light {
    background-color: rgba(180, 180, 180, 0.7); /* Grigio chiaro, leggermente trasparente */
    border: 3px solid rgba(130, 130, 130, 0.8);
}

.cluster-gray-medium {
    background-color: rgba(110, 110, 110, 0.8); /* Grigio medio */
    border: 3px solid rgba(60, 60, 60, 0.9);
}

.cluster-gray-dark {
    background-color: rgba(60, 60, 60, 0.9); /* Grigio scuro */
    border: 3px solid rgba(10, 10, 10, 1);
}

/* Stile per il testo (span) dentro l'icona */
.my-cluster span {
    font-size: 14px;
}

.leaflet-control-timeslider {
    color: #000;
}

.leaflet-control-custom-attribution {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 2px 6px;
    font-size: 11px;
    border-radius: 2px;
    color: #000;
}

/* Stile per i link all'interno dell'attribuzione */
.leaflet-control-custom-attribution a {
    text-decoration: none;
    color: #0078A8;
}