/*
 * Componente: banda «Dove siamo».
 *
 * Una colonna su mobile; da 1024px mappa, indirizzo e card affiancati, con
 * un filo verticale prima della card come nel mockup.
 */

.sh-location-band {
	padding-block: var(--sh-space-md);
	background-color: var(--sh-bg);
	color: var(--sh-ink);
}

.sh-location-band__inner {
	display: grid;
	gap: var(--sh-space-lg);
}

@media (min-width: 1024px) {
	.sh-location-band__inner {
		grid-template-columns: minmax(0, 5fr) minmax(0, 4fr);
		align-items: center;
	}

	.sh-location-band--card .sh-location-band__inner {
		grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr);
	}

	.sh-location-band__card {
		align-self: stretch;
		padding-inline-start: var(--sh-space-lg);
		border-inline-start: 1px solid var(--sh-line);
	}
}

/* ==== Mappa ==== */

.sh-location-band__map {
	position: relative;
	display: grid;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background-color: var(--sh-card);
}

.sh-location-band__map-img,
.sh-location-band__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

/* Sopra l'eventuale immagine della mappa, velata per leggere il testo. */
.sh-location-band__consent {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--sh-space-xs);
	padding: var(--sh-space-md);
	background-color: rgb(0 0 0 / 0.6);
	text-align: center;
}

.sh-location-band__consent-icon {
	color: var(--sh-red);
}

.sh-location-band__consent-text {
	max-width: 34ch;
	margin: 0;
	color: var(--sh-muted);
	font-size: 0.875rem;
}

.sh-location-band__consent-link {
	color: var(--sh-ink);
	font-size: 0.875rem;
}

/* ==== Indirizzo ==== */

.sh-location-band__title {
	margin-block: 0 var(--sh-space-xs);
}

.sh-location-band__text {
	margin-block: 0 var(--sh-space-md);
	color: var(--sh-muted);
}

.sh-location-band__address {
	display: flex;
	gap: var(--sh-space-sm);
	align-items: center;
	margin-block-end: var(--sh-space-lg);
	font-size: 1.0625rem;
	font-style: normal;
	font-weight: 500;
}

.sh-location-band__pin {
	flex: none;
	color: var(--sh-red);
}

/* ==== Card della base operativa ==== */

.sh-location-band__card-media {
	margin-block-end: var(--sh-space-sm);
}

.sh-location-band__card-title {
	margin: 0 0 var(--sh-space-xs);
	font-family: var(--sh-font-display);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.1;
	text-transform: uppercase;
}

.sh-location-band__card-text {
	margin: 0 0 var(--sh-space-md);
	color: var(--sh-muted);
	font-size: 0.9375rem;
}