/* Sprim Banner — front-end */

.sprim-banner-wrap {
	width: 100%;
	line-height: 0; /* evita spazio sotto l'immagine inline */
}

.sprim-banner {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	/* --sprim-height è impostata (con eventuale override mobile via media query)
	   in un <style> scoped per wrapper quando è configurata un'altezza massima. */
	height: var( --sprim-height, auto );
}

/* Modalità boxed: l'intero banner è limitato alla larghezza box e centrato. */
.sprim-banner-wrap--boxed .sprim-banner {
	max-width: var(--sprim-boxed, 1080px);
	margin-left: auto;
	margin-right: auto;
}

/* Il <picture> non deve influenzare il layout: conta l'<img> figlio. */
.sprim-banner picture {
	display: contents;
}

/* Sfondo full-width: scala mantenendo l'aspect ratio nativo dell'immagine. */
.sprim-banner__bg {
	display: block;
	width: 100%;
	height: auto;
}

/* Overlay boxed: centrato sopra lo sfondo, limitato alla larghezza box. */
.sprim-banner__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	box-sizing: border-box;
	pointer-events: none; /* i click passano al link del banner */
}

.sprim-banner__overlay-img {
	display: block;
	width: 100%;
	height: auto;
	/* max-width impostato inline dal PHP (larghezza box configurabile) */
}