/* Servizi - righe alternate (struttura dei blocchi «Prodotti» del tema) e pagina del servizio */

/* foto della riga: riempie il riquadro del tema (quadrato, o la forma del tema) */
.Servizio .sv-foto{display:block;position:relative;height:0;overflow:hidden}
.Servizio .sv-foto img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover}
/* senza foto: il testo occupa tutta la riga */
.Servizio.sv-senza-foto .filetype-text{width:100%!important;float:none!important}
.Servizio .sv-titolo{margin-top:0}
.Servizio .sv-testo p{margin:0 0 1em!important}
.Servizio .sv-testo ul{margin:0 0 1em!important;padding-left:1.4em!important;list-style:disc!important}
.Servizio .sv-testo ol{margin:0 0 1em!important;padding-left:1.4em!important;list-style:decimal!important}
.sv-tariffa{margin:1.2em 0!important}
.sv-azioni{display:flex;flex-wrap:wrap;gap:10px;margin:1.4em 0 0!important}
.sv-azioni a.simple-button-plugin{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.4em;text-decoration:none!important;line-height:1.2}

/* pagina del servizio */
.sv-titolo-pagina{margin-top:0!important}
/* foto in cima, come le Slide del sito */
.sv-slide .responsive_image_wrapper{display:block;position:relative;overflow:hidden}
.sv-slide .responsive_image_wrapper img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.sv-scheda.sv-con-slide{margin-top:calc(clamp(20px,var(--spazio-paragrafi,60px)*.6,60px))}
/* ritorno ai servizi, discreto */
.sv-torna{margin:calc(clamp(24px,var(--spazio-paragrafi,60px)*.6,60px)) 0 0!important;padding-top:18px;border-top:1px solid #e3e3e3;font-size:15px!important}
.sv-torna a{display:inline-flex;align-items:center;gap:.5em;text-decoration:none!important;color:var(--colore-cliente,#333)!important;font-weight:600}
.sv-torna a:hover i{transform:translateX(-3px)}
.sv-torna i{transition:transform .15s}
.sv-avviso{background:#fff4d6;border:1px solid #f0c75e;padding:10px 14px;font-size:14px}

/* aperta in «Apri livello»: niente pulsante per tornare, niente comunicazione o indice del sito */
.Livello :is(.sv-torna,.sv-banda-indietro,.ComunicazioneSito,.IndiceSito){display:none!important}
/* pulsanti sempre allineati al testo (alcuni temi centrano o rientrano i paragrafi dei Prodotti) */
.Servizio p.sv-azioni{margin-left:0!important;margin-right:0!important;max-width:none!important;width:auto!important;padding:0!important;justify-content:flex-start}


/* pagina del servizio: il testo segue le regole dei blocchi «Testo» del sito (larghezza, allineamento, stile del tema);
   i pulsanti seguono l'allineamento del testo */
.sv-scheda .sv-azioni{display:block}
.sv-scheda .sv-azioni a.simple-button-plugin{margin:0 5px 10px 0}

/* foto della riga cliccabile */
a.sv-foto{cursor:pointer}
a.sv-foto img{transition:transform .5s ease}
@media(hover:hover){a.sv-foto:hover img{transform:scale(1.03)}}

/* parallasse: come i blocchi «Parallax» del tema, ma autosufficiente (vale con ogni tema e versione):
   blocco alto quanto un Parallax, foto che lo riempie, testo centrato in verticale e orizzontale dentro la foto */
.jumbotron .sv-parallasse{position:relative!important;overflow:hidden!important;height:clamp(360px,75vh,750px)!important;min-height:0!important;padding:0!important;box-shadow:none!important}
.sv-parallasse .responsive_image_wrapper{display:block!important;position:relative!important;height:100%!important;padding:0!important}
.sv-parallasse .responsive_image_wrapper > img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.jumbotron .Parallax.sv-parallasse .responsive_image_caption_wrapper.caption-show-always{
	position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:auto!important;height:auto!important;
	display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;
	padding:30px max(24px, calc((100% - 1140px) / 2))!important;overflow:hidden;opacity:1!important;transform:none!important;
	background:rgba(0,0,0,.4);color:#fff;text-align:center
}
.jumbotron .Parallax.sv-parallasse .responsive_image_caption_wrapper.caption-show-always:before{display:none!important}
.jumbotron .Parallax.sv-parallasse .responsive_image_caption{display:block!important;width:100%;max-width:none;margin:0!important;padding:0!important;background:none!important;vertical-align:baseline}
.jumbotron .Parallax.sv-parallasse .responsive_image_caption :is(h2,p,b,a:not(.simple-button-plugin)){color:#fff!important;text-shadow:0 1px 14px rgba(0,0,0,.35)}
.sv-parallasse .sv-titolo{margin:0 0 .4em!important}
.sv-parallasse .sv-titolo a{text-decoration:none!important}
.sv-parallasse .sv-testo-breve{margin:0 auto .6em!important;max-width:900px}
.sv-parallasse .sv-tariffa{margin:.4em 0!important}
.jumbotron .sv-parallasse p.sv-azioni{justify-content:center;margin:1em 0 0!important}
.jumbotron .Sinistra .Parallax.sv-parallasse .responsive_image_caption_wrapper.caption-show-always{align-items:flex-start;text-align:left}
.jumbotron .Sinistra .sv-parallasse p.sv-azioni{justify-content:flex-start}
.Sinistra .sv-parallasse .sv-testo-breve{margin-left:0!important}
.jumbotron .Parallax.sv-parallasse.Velatura0 .responsive_image_caption_wrapper.caption-show-always{background:transparent}
.jumbotron .Parallax.sv-parallasse.Velatura20 .responsive_image_caption_wrapper.caption-show-always{background:rgba(0,0,0,.2)}
.jumbotron .Parallax.sv-parallasse.Velatura60 .responsive_image_caption_wrapper.caption-show-always{background:rgba(0,0,0,.6)}
.jumbotron .Parallax.sv-parallasse.Velatura80 .responsive_image_caption_wrapper.caption-show-always{background:rgba(0,0,0,.8)}
@media(max-width:600px){
	.jumbotron .Parallax.sv-parallasse .responsive_image_caption_wrapper.caption-show-always{padding:24px 20px!important}
	/* telefono: al massimo 5 righe di testo, così i pulsanti stanno sempre nella foto */
	.sv-parallasse .sv-testo-breve{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
}

/* testi scritti con l'editor: ogni «a capo» (nuovo paragrafo) resta visibile anche se il tema azzera lo spazio tra i paragrafi */
.jumbotron .Servizio .sv-testo p,.jumbotron .sv-scheda .sv-testo p{margin:0 0 1em!important}
.jumbotron .Servizio .sv-testo p:last-child,.jumbotron .sv-scheda .sv-testo p:last-child{margin-bottom:0!important}
.jumbotron .sv-scheda .sv-testo :is(ul,ol){margin:0 0 1em!important}
.jumbotron .sv-scheda .sv-testo + .sv-testo{margin-top:1em}


/* ritorno ai servizi: banda con il pulsante del sito, come negli altri addon */
.sv-banda-indietro{background:#f4f4f4;padding:14px;margin:var(--spazio-paragrafi,60px) 0 0;text-align:center}
.jumbotron .sv-banda-indietro{display:flex !important;justify-content:center !important;align-items:center}
.jumbotron .sv-banda-indietro a.sv-btn-indietro{display:inline-flex;align-items:center;gap:.6em;float:none !important;margin:0 !important;width:auto;text-decoration:none !important}
:where(.sv-banda-indietro a.sv-btn-indietro){padding:.6em 1.6em;background:var(--colore-cliente,#2c3e50);color:var(--testo-su-colore,#fff) !important;line-height:1.2}
.sv-banda-indietro a.sv-btn-indietro i{transition:transform .15s}
.sv-banda-indietro a.sv-btn-indietro:hover i{transform:translateX(-3px)}

/* disposizione alternata: testo al centro o in basso rispetto alla foto (Impostazioni › Allineamento del testo) */
@media(min-width:768px){
	.sv-elenco.sv-v-pronto .Servizio:not(.sv-senza-foto):not(.sv-parallasse){display:flex;flex-direction:row}
	.sv-elenco.sv-v-pronto .Servizio.sv-inverti:not(.sv-senza-foto):not(.sv-parallasse){flex-direction:row-reverse}
	.sv-elenco.sv-v-pronto .Servizio:not(.sv-senza-foto):not(.sv-parallasse) > .GPAREA{float:none!important}
	.sv-elenco.sv-v-pronto .Servizio > .gpclear{display:none}
	.sv-elenco.sv-v-centro.sv-v-pronto .Servizio{align-items:center}
	.sv-elenco.sv-v-basso.sv-v-pronto .Servizio{align-items:flex-end}
}

/* disposizione alternata: foto fino al bordo dello schermo (Impostazioni › Foto); il testo resta allineato al sito:
   --sv-fuori = distanza tra il bordo dello schermo e la colonna del sito, misurata dallo script */
@media(min-width:768px){
	.sv-elenco.sv-bordo.sv-v-pronto .Servizio:not(.sv-senza-foto):not(.sv-parallasse){
		width:calc(100vw - var(--sv-sb,0px))!important;max-width:none!important;margin-left:calc(50% - 50vw + var(--sv-sb,0px) / 2)!important;margin-right:0!important;
		padding:0!important;gap:0;margin-bottom:var(--spazio-paragrafi,60px)!important}
	.sv-elenco.sv-bordo.sv-v-pronto .Servizio:not(.sv-senza-foto):not(.sv-parallasse) > .filetype-text{
		width:50%!important;max-width:none!important;margin:0!important;box-sizing:border-box;
		padding:20px 32px 20px max(24px, var(--sv-fuori,24px))!important}
	.sv-elenco.sv-bordo.sv-v-pronto .Servizio.sv-inverti:not(.sv-senza-foto):not(.sv-parallasse) > .filetype-text{padding:20px max(24px, var(--sv-fuori,24px)) 20px 32px!important}
	.sv-elenco.sv-bordo.sv-v-pronto .Servizio:not(.sv-senza-foto):not(.sv-parallasse) > .filetype-responsive_image{width:50%!important;max-width:none!important;margin:0!important;padding:0!important}
	.sv-elenco.sv-bordo.sv-v-pronto .Servizio .sv-foto{height:auto!important;padding:0!important;clip-path:none!important;border-radius:0!important}
	.sv-elenco.sv-bordo.sv-v-pronto:not(.sv-formato) .Servizio .sv-foto{aspect-ratio:4 / 3}
}

/* disposizione alternata: proporzione della foto (come in Ospitalità) */
.sv-elenco.sv-formato .Servizio .sv-foto{height:auto!important;padding:0!important}
.sv-elenco.sv-formato-32 .Servizio .sv-foto{aspect-ratio:3 / 2}
.sv-elenco.sv-formato-43 .Servizio .sv-foto{aspect-ratio:4 / 3}
.sv-elenco.sv-formato-169 .Servizio .sv-foto{aspect-ratio:16 / 9}
.sv-elenco.sv-formato-11 .Servizio .sv-foto{aspect-ratio:1 / 1}
/* disposizione alternata: una riga sì e una no su una fascia di colore a tutta larghezza (come in Ospitalità) */
.sv-elenco.sv-fondo{--sv-fondo:#f3f3f1}
.sv-elenco.sv-fondo > .Servizio:nth-child(even){position:relative;background:var(--sv-fondo);box-shadow:0 0 0 100vmax var(--sv-fondo);
	clip-path:inset(calc(-1 * var(--spazio-paragrafi,60px) / 2) -100vmax)}

/* finestre: la foto resta ferma (livello fisso ritagliato dalla riga: funziona anche su iPhone e iPad),
   la riga scorre con il riquadro del testo sopra */
.jumbotron .sv-finestra{position:relative;clip-path:inset(0);width:calc(100vw - var(--sv-sb,0px));margin-left:calc(50% - 50vw + var(--sv-sb,0px) / 2);
	min-height:clamp(420px,80vh,780px);display:flex;align-items:center;justify-content:center;padding:clamp(40px,8vh,90px) 20px;margin-bottom:var(--spazio-paragrafi,60px);box-sizing:border-box}
.sv-finestra .sv-finestra-foto{position:fixed;inset:0;width:100vw;height:100vh;max-width:none!important;object-fit:cover;z-index:-1}
.sv-finestra .sv-finestra-box{position:relative;background:#fff;max-width:620px;width:100%;padding:clamp(24px,4vw,44px);box-shadow:0 10px 40px rgba(0,0,0,.18);box-sizing:border-box}
.sv-finestra .sv-titolo{margin-top:0}
.sv-finestra .sv-titolo a{text-decoration:none!important;color:inherit}
.sv-finestra .sv-testo p:last-child{margin-bottom:0!important}