/* Balbieres Itinerari – stili front-end */

.bit-scheda {
	margin: 0 0 2em;
	padding: 1.25em 1.5em;
	border: 1px solid rgba(0, 0, 0, .1);
	border-left: 4px solid #5a7d3a;
	border-radius: 4px;
	background: rgba(90, 125, 58, .05);
}
.bit-scheda-title {
	margin: 0 0 .75em;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.bit-scheda dl {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: .9em 1.5em;
	margin: 0;
}
.bit-row { margin: 0; }
.bit-scheda dt {
	margin: 0 0 .15em;
	font-size: .78em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	opacity: .7;
}
.bit-scheda dd { margin: 0; font-size: 1em; }
.bit-scheda dd ul { margin: 0; padding-left: 1.1em; }
.bit-scheda abbr { text-decoration: none; cursor: help; }
.bit-appoggi, .bit-tipo { grid-column: 1 / -1; }

/* Badge difficoltà */
.bit-diff {
	display: inline-block;
	min-width: 2.2em;
	padding: .1em .45em;
	border-radius: 3px;
	font-weight: 700;
	font-size: .9em;
	text-align: center;
	color: #fff;
	background: #6b6b6b;
}
.bit-diff-t, .bit-diff-tc            { background: #4c8a3f; }
.bit-diff-e, .bit-diff-mc            { background: #c48a1a; }
.bit-diff-ee, .bit-diff-bc           { background: #c0532b; }
.bit-diff-eea, .bit-diff-oc,
.bit-diff-ec                         { background: #8e2424; }
.bit-diff-eai                        { background: #2f6f9f; }
.bit-diff-label { font-size: .9em; opacity: .85; }

.bit-mappa { margin: 2em 0; }

/* Elenco a schede */
.bit-elenco {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 24px;
	margin: 1.5em 0;
}
.bit-card {
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 6px;
	background: #fff;
	transition: box-shadow .2s, transform .2s;
}
.bit-card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, .12); transform: translateY(-2px); }
.bit-card a { display: block; color: inherit; text-decoration: none; }
.bit-card-media { aspect-ratio: 3 / 2; overflow: hidden; background: #eee; }
.bit-card-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bit-card-body { padding: 14px 16px 16px; }
.bit-card-title { margin: 0 0 .5em; font-size: 1.05em; line-height: 1.3; }
.bit-card-meta { display: flex; flex-wrap: wrap; gap: .4em .9em; align-items: center; font-size: .9em; opacity: .9; }
.bit-vuoto { font-style: italic; }