/**
 * Suggerimenti di ricerca (Sphider Lite) - adattato per Previbank.
 *
 * L'originale imponeva una larghezza fissa di 200px a #keyword e un
 * pannello scuro largo 204px: incompatibile con la barra di ricerca del
 * sito, che e' fluida. Qui restano solo l'aspetto delle voci; posizione
 * e larghezza del pannello sono gestite in css/style.css, nella regola
 * .form-ricerca #sresults.
 */

#sresults {
	display: none;
	margin-top: 4px;
	border: 1px solid var(--grigio-chiaro-brd, #d9d9d9);
	border-radius: 10px;
	background-color: var(--bianco, #ffffff);
	box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
	overflow: hidden;
}

#sresults .item {
	padding: 10px 20px;
	border-bottom: 1px solid var(--grigio-chiaro-brd, #d9d9d9);
	font-size: 1rem;
	color: var(--grigio-testo, #4d4d4d);
	cursor: pointer;
}

#sresults .item:last-child {
	border-bottom: 0;
}

/* .attiva e' la voce raggiunta con le frecce: stesso aspetto dell'hover,
   altrimenti chi naviga da tastiera non vede dove si trova. */
#sresults .item:hover, 
#sresults .item.attiva {
	background-color: var(--grigio-chiaro-bg, #f2f2f2);
	color: var(--blu-primario, #003d7c);
}