/* ============================================================
   ES — TIMELINE COMPONENT
   Stilizza l'output del shortcode [es_typical_day]
   ============================================================
   WPCB → Add Snippet
     Nome:        ES — Timeline component
     Tipo:        CSS — External File
     Posizione:   Frontend Header
     Priorità:    20
     Condizioni:  nessuna (oppure: solo single CPT programma)
*/

.es-timeline {
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 2.5rem;
	row-gap: 0;
	margin: 0;
	padding: 0;
}

.es-timeline__time {
	color: var(--sky-700);
	font-weight: 500;
	font-size: 0.95rem;
	letter-spacing: 0.02em;
	padding: 0.875rem 0;
	border-bottom: 1px solid var(--stone-200);
	margin: 0;
}

.es-timeline__activity {
	color: var(--stone-900);
	padding: 0.875rem 0;
	border-bottom: 1px solid var(--stone-200);
	margin: 0;
}

.es-timeline__time:last-of-type,
.es-timeline__activity:last-of-type {
	border-bottom: none;
}

@media (max-width: 640px) {
	.es-timeline {
		column-gap: 1rem;
	}

	.es-timeline__time {
		font-size: 0.875rem;
	}
}