/* Bussola — il tanto che basta per il modello di default di scheda.php.
   Caricato SOLO se quel modello viene usato davvero (vedi inc/pagina/modelli.php):
   un tema con un bussola/scheda.php proprio non lo vede mai. */
.bussola-scheda { display: flex; flex-direction: column; gap: .5em; }
.bussola-scheda__foto img { display: block; width: 100%; height: auto; }
.bussola-scheda__titolo { margin: 0; font-size: 1rem; line-height: 1.3; }
.bussola-scheda__titolo a { text-decoration: none; color: inherit; }
.bussola-scheda__prezzo { font-weight: 600; }
.bussola-scheda__bottone { align-self: flex-start; padding: .4em .9em; border: 1px solid currentColor; border-radius: 3px; text-decoration: none; color: inherit; }
.bussola-scheda__meta { font-size: .85em; opacity: .7; }

/* Bussola — i suggerimenti mentre si scrive (Fase 3.5, passo 1).
   Sobrio apposta: e' un elenco sopra il layout del tema, non un pezzo del
   suo disegno. Posizione assoluta rispetto al contenitore della casella
   (assets/suggerimenti.js garantisce che quel contenitore sia posizionato,
   anche su un tema che non lo ha gia' fatto da se'), z-index alto perche'
   deve stare sopra qualunque cosa nella pagina, mai coprire il layout: e'
   uno strato in piu' SOTTO la casella, non sopra il resto del sito. */
.bussola-suggerimenti {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9999;
	margin: .25em 0 0;
	padding: .25em 0;
	list-style: none;
	background: #fff;
	color: #1a1a1a;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .12);
	max-height: 20em;
	overflow: auto;
	font-size: .92rem;
	text-align: left;
}
.bussola-suggerimenti[hidden] { display: none; }
.bussola-suggerimenti__titolo {
	padding: .35em .9em;
	font-size: .78em;
	text-transform: uppercase;
	letter-spacing: .04em;
	opacity: .55;
}
.bussola-suggerimenti li[role="option"] {
	padding: .45em .9em;
	cursor: pointer;
}
.bussola-suggerimenti li[role="option"]:hover,
.bussola-suggerimenti li[role="option"][aria-selected="true"] {
	background: rgba(0, 0, 0, .06);
}