/* NavalHEAD — Sezione Services della home (template-parts/home-services.php) */


.nh-home-services {
	--nh-hs-band: color-mix(in srgb, var(--nh-softblue) 17%, #fff); /* #ECF0F7 del mockup */
	--nh-hs-indent: clamp(4rem, 9.33vw, 8.5rem);  /* inizio del testo dal bordo sinistro */
	--nh-hs-ring: clamp(1.5rem, 2.95vw, 2.6rem);  /* diametro del cerchio */
	--nh-hs-ring-gap: clamp(0.75rem, 1.8vw, 1.6rem); /* spazio tra cerchio e testo */
	--nh-hs-stroke: 2px;                          /* spessore di linea e cerchio */
   --nh-hs-dot-x: calc(var(--nh-hs-indent) - var(--nh-hs-ring-gap) - var(--nh-hs-ring) / 2); /* centro del cerchio */
	padding: clamp(3rem, 4.5vw, 4.5rem) 0 clamp(3rem, 5.5vw, 5rem);
	background: var(--nh-hs-band);
}
@media (min-width: 1800px)  {
	.nh-home-services {
		background:
			url("../img/barca-long.webp") no-repeat 120% center / auto 100%,
			var(--nh-hs-band);
	}
}
@media (min-width: 2200px)   {
	.nh-home-services {
		background:
			url("../img/barca-long.webp") no-repeat 100% center / auto 100%,
			var(--nh-hs-band);
	}
}
@media (min-width: 1790px)  and (max-width: 2200px) {
	.nh-home-services {
		background:
			url("../img/barca-long.webp") no-repeat 120% center / auto 100%,
			var(--nh-hs-band);
	}
}
@media (min-width: 800px) and (max-width: 1790px)  {
	.nh-home-services {
		background:
			url("../img/barca-long.webp") no-repeat 200% center / auto 100%,
			var(--nh-hs-band);
	}
}
@media (min-width: 680px) and (max-width: 800px) {
	.nh-home-services {
		background:
			url("../img/barca-long.webp") no-repeat 350% center / auto 100%,
			var(--nh-hs-band);
	}
}
@media (min-width: 500px) and (max-width: 679px) {
	.nh-home-services {
		background:
			url("../img/services-home.webp") no-repeat 100% center / auto 100%,
			var(--nh-hs-band);
	}

}
@media (max-width: 499px) {
	.nh-home-services {
		background:
			url("../img/services-home.webp") no-repeat calc(100% + 80px) center / auto 100%,
			var(--nh-hs-band);
        
    }
        .nh-home-services__label {
	text-shadow: 4px 0px 5px #edf0f7;

    }

}
.nh-home-services__inner {
	padding-right: clamp(1.25rem, 5vw, 4.5rem);
}

.nh-home-services__title {
	margin: 0 0 clamp(1rem, 4.3vw, 2.8rem) var(--nh-hs-indent);
	color: var(--nh-blue);
    font-size: clamp(1.8rem, 3.2vw, 3.3rem);
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
    padding-top: 40px;
}

.nh-home-services__list {
	display: flex;
	flex-direction: column;
	gap: clamp(1rem, 2.5vw, 2.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.nh-home-services__item {
	position: relative;
	margin: 0;
	padding-left: var(--nh-hs-indent);
	color: var(--nh-blue);
	font-size: clamp(1rem, 1.7vw, 1.7rem);
	font-weight: 500 !important;
	line-height: 1.2;
	text-transform: uppercase;
}

.nh-home-services__item::before {
	content: "";
	position: absolute;
	top: calc(0.6em - var(--nh-hs-stroke) / 2);
	left: 0;
	width: var(--nh-hs-dot-x);                
	height: var(--nh-hs-stroke);
	background: var(--nh-yellow);
}

.nh-home-services__item::after {
	content: "";
	position: absolute;
	top: calc(0.6em - var(--nh-hs-ring) / 2);
    left: calc(var(--nh-hs-dot-x) - var(--nh-hs-ring) / 2);	box-sizing: border-box;
	width: var(--nh-hs-ring);
	height: var(--nh-hs-ring);
	border: var(--nh-hs-stroke) solid var(--nh-yellow);
	border-radius: 50%;
	background: radial-gradient(circle, var(--nh-yellow) calc(var(--nh-hs-ring) / 7), transparent calc(var(--nh-hs-ring) / 7 + 0.5px));
}

.nh-home-services__label {
	display: inline-block;
}

.nh-home-services__action {
	margin: clamp(2.5rem, 5vw, 4.5rem) 0 0;
}

.nh-home-services__button {
	display: inline-block;
	padding: 0.8em 1.8em 0.8em var(--nh-hs-indent);
	border-radius: 0 5px 5px 0;
	background: var(--nh-blue);
	color: #fff;
	font-size: clamp(0.875rem, 1.5vw, 1.25rem);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
     will-change: transform;
}

.nh-home-services__button:hover,
.nh-home-services__button:focus-visible {
    color: rgb(255, 255, 255);
    box-shadow: rgba(13, 74, 103, 0.19) 0px 0px 80px;
    text-shadow: 0 0 30px rgba(5, 51, 115, 0.81);
    transform: scale(1.01);

}

/*
 * Animazione delle voci (assets/js/home.js, data-nh-reveal="stagger" sulla lista).
 * Linea e cerchio restano fermi: si animano solo i testi, uno dopo l'altro, entrando
 * da sinistra con una dissolvenza. Il ritmo è più lento della cascata standard (× 1,8).
 */
.nh-js-reveal .nh-home-services__list[data-nh-reveal] > * {
	opacity: 1;
	transform: none;
	transition: none;
}

.nh-js-reveal .nh-home-services__list[data-nh-reveal] .nh-home-services__label {
	opacity: 0;
	translate: -0.75rem 0;
	transition:
		opacity 1.1s cubic-bezier(0.22, 1, 0.36, 1),
		translate 1.1s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: calc(var(--nh-delay, 0s) * 1.8);
}

.nh-js-reveal .nh-home-services__list[data-nh-reveal].is-revealed .nh-home-services__label {
	opacity: 1;
	translate: 0 0;
}