/* Stili per il dropdown di UIkit */
.uk-dropdown {
    /* Aggiungi una larghezza minima per il dropdown */
    min-width: 280px; /* Regola questo valore in base alle tue esigenze */
    /* Assicurati che l'altezza massima con scroll sia impostata solo sulla lista interna */
    /* box-shadow: 0 5px 15px rgba(0,0,0,0.1); */ /* Puoi aggiungere un'ombra se desideri */
}

/* Stili per la lista dei paesi all'interno del dropdown */
.ccp-country-list {
    padding: 0;
    margin: 0;
    max-height: 300px; /* Altezza massima per la lista, con scroll */
    overflow-y: auto; /* Abilita lo scroll verticale */
    /* Personalizzazione della scrollbar (solo per browser basati su WebKit, come Chrome/Safari) */
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #007bff #f1f1f1; /* Firefox */
}

/* WebKit scrollbar styling */
.ccp-country-list::-webkit-scrollbar {
    width: 8px; /* Larghezza della scrollbar */
}

.ccp-country-list::-webkit-scrollbar-track {
    background: #f1f1f1; /* Colore dello sfondo della traccia */
    border-radius: 4px;
}

.ccp-country-list::-webkit-scrollbar-thumb {
    background-color: #007bff; /* Colore del "pollice" della scrollbar */
    border-radius: 4px;
    border: 2px solid #f1f1f1; /* Spazio intorno al pollice */
}

.ccp-country-list::-webkit-scrollbar-thumb:hover {
    background-color: #0056b3; /* Colore al hover */
}