/* ==========================================================================
   Custom CSS - Home page RiparoLab
   Personalizzazioni per l'articolo Home, replicano il sito in produzione
   ========================================================================== */

/* Sezione 4: overlay al passaggio del mouse sulle card servizi */
.rl-servizio-item .rl-servizio-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 123, 255, 0.85);
	color: #ffffff;
	text-align: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.rl-servizio-item:hover .rl-servizio-overlay {
	opacity: 1;
}

.rl-servizio-item .rl-servizio-overlay p {
	margin: 0;
	font-weight: 600;
}

/* Nasconde la toolbar di modifica rapida articolo (visibile solo agli utenti loggati con permessi di edit) */
.article-can-edit {
	display: none !important;
}

/* Rimuove il padding verticale di default di #sp-main-body (100px top/bottom da template.css) */
#sp-main-body {
	padding-top: 0;
	padding-bottom: 0;
}

/* Sezioni full-width: escono dal container Bootstrap dell'articolo per estendersi
   a tutta la larghezza della viewport (il body-innerwrapper ha overflow-x:hidden,
   quindi il trucco 100vw non genera scroll orizzontale). */
#sp-slideshow,
#sp-separatore1,
#sp-separatore2,
#sp-civitanova {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

/* Fix header sticky (Helix Ultimate): la regola di template
   "#sp-header.header-sticky .logo-sticky{display:block !important}"
   forza la visualizzazione del logo-sticky anche sotto i 992px,
   duplicando il logo insieme a quello mobile (logo-image-phone). */
@media (max-width: 991.98px) {
	#sp-header.header-sticky .logo-sticky {
		display: none !important;
	}
}