/* Slider di testata monzacity (sostituisce ARI Image Slider / Nivo): stesse misure e grafica del vecchio modulo
   (larghezza max 1448 px centrata sul fondo grigio di .slider, ombra, fascia pallini da 26 px, 20 px sotto). */
.nw-slider {
	position: relative;
	max-width: 1448px;
	margin: 0 auto 20px;
	padding-bottom: 26px;
	line-height: 0;
}
.nw-slider .nw-stage {
	position: relative;
	overflow: hidden;
	background: #202834;
	box-shadow: 0 0 10px #333;
}
.nw-slider .nw-slide {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	transition: opacity .6s ease;
}
.nw-slider .nw-slide:first-child { position: relative; }
.nw-slider .nw-slide.is-active { opacity: 1; z-index: 1; }
.nw-slider .nw-slide img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}
/* Didascalia come Nivo: box largo 25% a destra, righe allineate a destra su fondo scuro semitrasparente */
.nw-slider .nw-caption {
	position: absolute;
	right: 50px;
	top: 30%;
	z-index: 2;
	box-sizing: border-box;
	width: 25%;
	padding: 18px 24px 0;
	display: grid;
	justify-content: end; /* righe larghe quanto la più lunga, blocco allineato a destra (come Nivo) */
	opacity: .8;
	color: #fff;
}
.nw-slider .nw-caption p {
	margin: 0 0 9px;
	padding: 10px 15px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	font-family: Cuprum, Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 38px;
	line-height: 30px;
	text-shadow: 0 2px 0 #333;
}
/* Frecce: sprite originale arrows.png (32x34) */
.nw-slider .nw-prev,
.nw-slider .nw-next {
	position: absolute;
	top: 45%;
	z-index: 3;
	width: 32px;
	height: 34px;
	padding: 0;
	border: 0;
	background: url(../images/nivo/arrows.png) no-repeat 0 0;
	font-size: 0;
	color: transparent;
	cursor: pointer;
}
.nw-slider .nw-prev { left: 10px; }
.nw-slider .nw-next { right: 10px; background-position: -32px 0; }
.nw-slider .nw-prev:focus-visible,
.nw-slider .nw-next:focus-visible { outline: 2px solid #fff; }
/* Pallini: sprite originale bullets.png (10x10), nella fascia sotto l'immagine */
.nw-slider .nw-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6px;
	z-index: 3;
	text-align: center;
	line-height: 0;
}
.nw-slider .nw-dots button {
	width: 10px;
	height: 10px;
	margin: 0 3px 0 0;
	padding: 0;
	border: 0;
	background: url(../images/nivo/bullets.png) no-repeat 0 0;
	cursor: pointer;
}
.nw-slider .nw-dots button.is-active { background-position: -10px 0; }
.nw-slider.nw-single .nw-prev,
.nw-slider.nw-single .nw-next,
.nw-slider.nw-single .nw-dots { display: none; }
@media (max-width: 767px) {
	.nw-slider .nw-caption { right: 15px; width: 45%; padding: 8px 10px 0; }
	.nw-slider .nw-caption p { font-size: 20px; line-height: 20px; padding: 6px 10px; }
}
@media (prefers-reduced-motion: reduce) {
	.nw-slider .nw-slide { transition: none; }
}

/* Slider cliccabile: il template originale lo metteva a z-index -10 (sotto la pagina), frecce e pallini non ricevevano i clic */
.slider { z-index: 1; }
/* Il box "Prenota" sale sopra la fascia bassa dello slider (come nel sito originale): resta in primo piano */
.moduletableprenota { position: relative; z-index: 2; }
/* ...quindi i pallini stanno dentro la foto, visibili e cliccabili */
.nw-slider .nw-dots { bottom: 40px; }
.nw-slider .nw-dots button { background: rgba(255, 255, 255, .6); border-radius: 50%; width: 10px; height: 10px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .25); }
.nw-slider .nw-dots button.is-active { background: #fff; }
