/**
 * Mini-mappa MapLibre GL JS della scheda monumento.
 * Stile minimale: contenitore + marker SVG. Verra' affinato in seguito.
 */

.marcognano-mini-map {
	height: 320px;
	width: 100%;
	margin-bottom: 1.5em;
	border-radius: 6px;
	overflow: hidden;
}

/* Il marker e' un element DOM custom: niente sfondo/bordo attorno all'SVG. */
.marcognano-marker {
	background: transparent;
	border: 0;
	line-height: 0;
	cursor: pointer;
}
.marcognano-mini-map canvas {
	display: block;
}

/* Variante fullwidth per la scheda monumento. */
.marc-scheda-mappa-wrapper {
	width: 100%;
	background: #4a5c46;
}
.marc-scheda-mini-mappa[data-fullwidth="1"],
.marc-scheda-mini-mappa--fullwidth {
	width: 100%;
	height: 500px;
}
.marc-scheda-mini-mappa canvas {
	display: block;
}

/* Su mobile la fascia si accorcia. */
@media (max-width: 768px) {
	.marc-scheda-mini-mappa[data-fullwidth="1"],
	.marc-scheda-mini-mappa--fullwidth {
		height: 280px;
	}
}

/* Variante quadrata: nella colonna dati della scheda, sotto ai temi.
   L'altezza la determina l'aspect-ratio, non un valore fisso. */
.marc-scheda-mini-mappa[data-quadrata="1"] {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 2px;
	overflow: hidden;
	margin-top: 0.5rem;
}
.marc-scheda-mini-mappa[data-quadrata="1"] canvas {
	display: block;
}