/* corsi-lista.css
   Stile per l'elenco generato dallo shortcode [corsi_lista slug="..."]
*/

.corsi-lista {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: inherit;
	width: 100%;
}

.corsi-lista__item {
	border-bottom: 1px solid #e3e3e3;
}


.corsi-lista__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 4px;
	text-decoration: none;
	color: #0f5c66;      /* teal, come nello screenshot */
	font-size: 1.05rem;
	font-weight: 400;
	transition: color 0.2s ease, padding-left 0.2s ease;
}

.corsi-lista__link:hover,
.corsi-lista__link:focus {
	color: #0a3f47;
	padding-left: 8px;
}

.corsi-lista__arrow {
	font-size: 1.1rem;
	line-height: 1;
	color: #0f5c66;
	transition: transform 0.2s ease;
}

.corsi-lista__link:hover .corsi-lista__arrow {
	transform: translateX(3px);
}

.corsi-lista__title {
	flex: 1;
	color: #047474;
}