/* Envision Category FAQ — front-end accordion
   Markup nativo <details>/<summary>: tastiera, ARIA e stati gestiti dal browser. */

.envision-faq {
	margin-top: 40px;
}

.envision-faq__title {
	margin: 0 0 20px;
	font-size: 1.5em;
	line-height: 1.3;
}

.envision-faq__item {
	border-bottom: 1px solid #e6e6e6;
}

.envision-faq__item summary {
	cursor: pointer;
	padding: 16px 36px 16px 0; /* ~50px area tap, soglia touch rispettata */
	font-weight: 600;
	line-height: 1.4;
	list-style: none;          /* rimuove il marker default */
	position: relative;
	outline: none;
}

/* Rimuove il triangolino su WebKit/Chrome/Safari */
.envision-faq__item summary::-webkit-details-marker {
	display: none;
}

/* Icona +/- decorativa: lo stato è già comunicato semanticamente da <details> */
.envision-faq__item summary::after {
	content: '+';
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1;
	transition: transform .2s ease;
}
.envision-faq__item[open] summary::after {
	content: '\2212'; /* segno meno tipografico */
}

/* Focus visibile SOLO da tastiera (accessibilità) */
.envision-faq__item summary:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 2px;
}

.envision-faq__a {
	padding: 0 0 20px;
	line-height: 1.65;
}
.envision-faq__a > :first-child { margin-top: 0; }
.envision-faq__a > :last-child  { margin-bottom: 0; }

/* Mobile */
@media (max-width: 768px) {
	.envision-faq {
		margin-top: 28px;
	}
	.envision-faq__title {
		font-size: 1.3em;
	}
	.envision-faq__item summary {
		font-size: 15px;
		padding-right: 32px;
	}
}

/* Rispetta chi ha ridotto le animazioni */
@media (prefers-reduced-motion: reduce) {
	.envision-faq__item summary::after {
		transition: none;
	}
}