/* =========================================================
   AGRIFLORA - SERVIZIO CHIAVI IN MANO
   NESTED ACCORDION V3 - SEZIONE "IL PERCORSO"

   Classe assegnata al widget:
   .tkm-accordion
   ========================================================= */


/* =========================================================
   CONTATORE AUTOMATICO 01–05
   ========================================================= */

.tkm-accordion .e-n-accordion {
	counter-reset: tkm-step;
}


/* =========================================================
   SINGOLO ELEMENTO
   ========================================================= */

.tkm-accordion .e-n-accordion-item {
	counter-increment: tkm-step;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-bottom: 1px solid rgba(31, 43, 35, 0.18) !important;

	background: transparent !important;

	box-shadow: none !important;
}


/* Bordo superiore del primo elemento */

.tkm-accordion .e-n-accordion-item:first-child {
	border-top: 1px solid rgba(31, 43, 35, 0.18) !important;
}


/* =========================================================
   HEADER DELLA SINGOLA VOCE
   numero | titolo | icona
   ========================================================= */

.tkm-accordion .e-n-accordion-item-title {
	display: grid !important;

	grid-template-columns: 48px minmax(0, 1fr) auto;

	align-items: center;

	column-gap: 18px;

	width: 100%;

	padding: 24px 0 !important;
	margin: 0 !important;

	border: 0 !important;

	background: transparent !important;

	list-style: none !important;

	cursor: pointer;

	box-shadow: none !important;
	text-shadow: none !important;
}


/* Elimina il marker nativo del tag <summary> */

.tkm-accordion .e-n-accordion-item-title::-webkit-details-marker {
	display: none;
}


/* =========================================================
   NUMERO 01–05
   ========================================================= */

.tkm-accordion .e-n-accordion-item-title::before {
	content: counter(tkm-step, decimal-leading-zero);

	display: block;

	font-family: "Poppins", sans-serif;

	font-size: 18px;
	font-weight: 500;
	line-height: 1;

	letter-spacing: 0.06em;

	color: rgba(31, 43, 35, 0.55);

	text-shadow: none !important;
}


/* =========================================================
   CONTENITORE DEL TITOLO
   ========================================================= */

.tkm-accordion .e-n-accordion-item-title-header {
	display: block;

	margin: 0 !important;
	padding: 0 !important;

	box-shadow: none !important;
	text-shadow: none !important;
}


/* =========================================================
   TESTO DEL TITOLO
   ========================================================= */

.tkm-accordion .e-n-accordion-item-title-text {
	font-family: "Poppins", sans-serif !important;

	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;

	color: #1f2b23 !important;

	text-shadow: none !important;
	box-shadow: none !important;

	transition: opacity 0.25s ease;
}


/* Stato aperto */

.tkm-accordion .e-n-accordion-item[open]
.e-n-accordion-item-title-text {
	color: #1f2b23 !important;

	text-shadow: none !important;
	box-shadow: none !important;
}


/* Hover molto leggero */

.tkm-accordion .e-n-accordion-item-title:hover
.e-n-accordion-item-title-text {
	opacity: 0.65;
}


/* =========================================================
   ICONA + / -
   ========================================================= */

.tkm-accordion .e-n-accordion-item-title-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 18px;
	height: 18px;

	margin: 0 !important;
	padding: 0 !important;

	color: #1f2b23 !important;

	box-shadow: none !important;
	text-shadow: none !important;
}


/* Dimensione SVG */

.tkm-accordion .e-n-accordion-item-title-icon svg {
	width: 12px !important;
	height: 12px !important;

	fill: currentColor !important;

	filter: none !important;
}


/* =========================================================
   CONTENUTO APERTO
   ========================================================= */

.tkm-accordion .e-n-accordion-item > .e-con {
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 30px !important;
	padding-left: 66px !important;

	margin: 0 !important;

	background: transparent !important;

	box-shadow: none !important;
}


/* =========================================================
   TESTO DEL CONTENUTO
   ========================================================= */

.tkm-accordion .e-n-accordion-item > .e-con p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;

	font-family: "Poppins", sans-serif !important;

	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;

	color: rgba(31, 43, 35, 0.76) !important;

	text-shadow: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

	.tkm-accordion .e-n-accordion-item-title {
		grid-template-columns: 42px minmax(0, 1fr) auto;

		column-gap: 15px;

		padding: 22px 0 !important;
	}

	.tkm-accordion .e-n-accordion-item > .e-con {
		padding-left: 57px !important;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.tkm-accordion .e-n-accordion-item-title {
		grid-template-columns: 34px minmax(0, 1fr) auto;

		column-gap: 12px;

		padding: 20px 0 !important;
	}

	.tkm-accordion .e-n-accordion-item-title::before {
		font-size: 13px;
	}

	.tkm-accordion .e-n-accordion-item-title-text {
		font-size: 15px !important;
	}

	.tkm-accordion .e-n-accordion-item > .e-con {
		padding-left: 46px !important;
		padding-bottom: 26px !important;
	}

	.tkm-accordion .e-n-accordion-item > .e-con p {
		font-size: 14px !important;
	}

}