/* Qui puoi personalizzare l'aspetto della tua casella di ricerca e dei risultati. Ad esempio: */

/*.ricerca-ajax-input {
    padding: 10px;
    font-size: 16px;
    border-radius:20px;
}*/

.risultati-ricerca {
    display: none!important;
}

.risultati-ricerca.ha-risultati {
    display: block!important;
}

.contenitore-ricerca {
    position: relative;
}

.risultati-ricerca {
    position: absolute;
    top: 100%;   /* Posizionato proprio sotto l'input */
    left: 0;
    z-index: 10000!important;  /* Puoi aumentare questo valore se necessario */
    width: 100%;    /* Puoi regolare questa dimensione come preferisci */
    background-color: #fff;  /* Assicurati di avere uno sfondo per coprire il contenuto sottostante */
    border: 1px solid #ccc;  /* Aggiungi un bordo se lo desideri */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* Aggiungi un'ombra leggera per una migliore distinzione */
    overflow-y: auto; /* Gestisci gli overflow se ci sono troppi risultati */
    max-height: 400px; /* Limita l'altezza e utilizza la barra di scorrimento se necessario */
    font-size: 15px!important; /* Sostituisci con la dimensione desiderata */
    border-radius:20px;
}


.risultati-ricerca h2{
    font-size:14px;
    padding: 7px;
	
}

.risultati-ricerca h2:hover{
    background:#eaeaea;
    color:#000!important;    
}


.ricerca-ajax-input{
    border-radius:20px!important;
}