.aw-step-guide {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid var(--wp--preset--color--light-2, #d9d9d9);
	background: var(--wp--preset--color--white, #fff);
	color: var(--wp--preset--color--dark-1, #1f1a16);
	font-family: var(--wp--preset--font-family--titillium-web, "Titillium Web", sans-serif);
}

.aw-step-guide:focus-visible {
	outline: 3px solid var(--wp--preset--color--primary-main, #356fba);
	outline-offset: 3px;
}

.aw-step-guide__header {
	display: flex;
	min-height: 4.5rem;
	box-sizing: border-box;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding: .875rem 1.75rem;
	border-bottom: 1px solid var(--wp--preset--color--light-2, #d9d9d9);
}

.aw-step-guide__heading {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: .125rem;
}

.aw-step-guide__eyebrow {
	color: var(--wp--preset--color--primary-dark-1, #24548c);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
}

.aw-step-guide__title,
.aw-guide-step__title,
.aw-guide-step__text {
	margin: 0;
}

.aw-step-guide__title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
}

.aw-step-guide__status {
	display: none;
	align-items: center;
	gap: 1rem;
}

.aw-step-guide.is-interactive .aw-step-guide__status {
	display: flex;
}

.aw-step-guide__counter {
	white-space: nowrap;
	color: var(--wp--preset--color--primary-dark-2, #173b66);
	font-size: .9375rem;
}

.aw-step-guide__progress {
	display: flex;
	gap: .25rem;
}

.aw-step-guide__progress-segment {
	width: 1.75rem;
	height: .3125rem;
	border-radius: .1875rem;
	background: var(--wp--preset--color--light-2, #d9d9d9);
}

.aw-step-guide__progress-segment.is-complete {
	background: var(--wp--preset--color--primary-main, #356fba);
}

.aw-step-guide__steps > .aw-guide-step + .aw-guide-step {
	border-top: 1px solid var(--wp--preset--color--light-2, #d9d9d9);
}

.aw-step-guide.is-interactive .aw-step-guide__steps > .aw-guide-step + .aw-guide-step {
	border-top: 0;
}

.aw-step-guide__navigation {
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	box-sizing: border-box;
	min-height: 4.5rem;
	padding: .75rem 1.75rem;
	border-top: 1px solid var(--wp--preset--color--light-2, #d9d9d9);
}

.aw-step-guide.is-interactive .aw-step-guide__navigation {
	display: flex;
}

.aw-step-guide__button {
	display: inline-flex;
	min-height: 2.75rem;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: 0 1.25rem;
	border: 1px solid var(--wp--preset--color--primary-main, #356fba);
	border-radius: 0;
	font: inherit;
	font-size: .9375rem;
	font-weight: 700;
	letter-spacing: .04em;
	cursor: pointer;
}

.aw-step-guide__button svg {
	width: 1rem;
	height: 1rem;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.4;
}

.aw-step-guide__button--previous {
	background: var(--wp--preset--color--white, #fff);
	color: var(--wp--preset--color--primary-dark-2, #173b66);
}

.aw-step-guide__button--next {
	background: var(--wp--preset--color--primary-main, #356fba);
	color: var(--wp--preset--color--white, #fff);
}

.aw-step-guide__button:focus-visible {
	outline: 3px solid var(--wp--preset--color--primary-dark-2, #173b66);
	outline-offset: 3px;
}

.aw-step-guide__button:disabled {
	cursor: not-allowed;
	opacity: .45;
}

.aw-step-guide__live {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

@media (max-width: 781px) {
	.aw-step-guide__header {
		align-items: stretch;
		flex-direction: column;
		gap: .5rem;
		padding: .875rem 1rem;
	}

	.aw-step-guide__status {
		justify-content: space-between;
	}

	.aw-step-guide__progress {
		min-width: 0;
		flex: 1 1 auto;
		justify-content: flex-end;
	}

	.aw-step-guide__progress-segment {
		width: min(1.125rem, 8vw);
		height: .25rem;
	}

	.aw-step-guide__navigation {
		padding: .875rem 1rem;
	}

	.aw-step-guide__button {
		min-height: 3rem;
	}

	.aw-step-guide__button--previous {
		width: 3.25rem;
		flex: 0 0 3.25rem;
		padding: 0;
	}

	.aw-step-guide__previous-label {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		clip-path: inset(50%);
	}

	.aw-step-guide__button--next {
		flex: 1 1 auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	.aw-step-guide *,
	.aw-step-guide *::before,
	.aw-step-guide *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

/* Percorsi: nome del percorso nell'intestazione e fine del percorso. */
.aw-step-guide__path {
	color: var(--wp--preset--color--primary-main, #356fba);
	font-size: .9375rem;
	font-weight: 700;
	white-space: nowrap;
}

.aw-step-guide__path[hidden],
.aw-step-guide__button[hidden],
.aw-step-guide__end[hidden] {
	display: none !important;
}

.aw-step-guide__end {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-left: auto;
}

.aw-step-guide__end-label {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: var(--wp--preset--color--primary-dark-2, #173b66);
	font-size: .9375rem;
	font-weight: 700;
}

.aw-step-guide__end-label svg {
	width: 1.125rem;
	height: 1.125rem;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.4;
}

@media (max-width: 781px) {
	.aw-step-guide__path {
		white-space: normal;
	}

	.aw-step-guide__end {
		flex: 1 1 auto;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.aw-step-guide__button--back {
		width: auto;
		flex: 0 0 auto;
		padding: 0 1rem;
	}
}

.aw-step-guide__path:empty {
	display: none;
}