/* ============================================================
   Card corso — condiviso da singole, archivi e pagine servizio.
   ============================================================ */

/* ---------- META PILLS (hero + card archivio) ---------- */
.les .les-course-meta-pills {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.les .les-course-meta-pill {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	padding: .35em .85em;
	border: 1px solid var(--les-color-accent-300);
	border-radius: 999px;
	background: var(--les-color-neutral-0);
	font-size: var(--les-text-size-sm);
	font-weight: 600;
	color: var(--les-color-accent-800);
	white-space: nowrap;
	margin: 0;
}

/* ---------- CARD CORSO ---------- */
.les .les-course-related-card { gap: var(--les-space-sm); height: 100%; }
.les .les-course-related-eyebrow { display: block; color: var(--les-color-accent-600); font-size: var(--les-text-size-xxs); }
.les .les-course-related-title { color: var(--les-color-accent-900); margin-bottom: var(--les-space-md) !important; }
.les .les-course-related-title .h3 { margin-bottom: 0 !important; }
.les .les-course-related-desc { color: var(--les-color-neutral-600); }
.les .les-course-related-ctas { margin-top: auto; }

.les .les-course-card { display: flex; flex-direction: column; gap: .4rem; background: var(--les-color-neutral-0); text-decoration: none; color: inherit; }
.les .les-course-card-title { color: var(--les-color-accent-900); }
.les .les-course-card-text { color: var(--les-color-neutral-600); }
.les .les-course-card-link { color: var(--les-color-primary-600); margin-top: auto; }
.les.les_course-template-default.single .les-course-card { background: var(--les-color-accent-50); }

/* Le anteprime nella sezione dei servizi hanno una variante dedicata. */
.les .les-service-related-courses .les-course-card {
	background: transparent;
	border: var(--les-border);
}
.les .les-service-related-courses .les-course-related-title {
	color: var(--les-color-accent-900);
	margin-bottom: 0 !important;
}

/* ---------- IMMAGINE CARD CORSO (opzionale) ---------- */
.les .les-course-card-wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.les .les-course-card-wrap .les-course-card { flex: 1; }

.les .les-course-card-wrap.has-image {
	padding-top: calc(var(--les-space-lg) * 1.5);
}
.les .les-course-card-header {
	display: flex;
	align-items: flex-start;
	margin-bottom: var(--les-space-sm);
}
.les .les-course-card-heading {
	flex: 1;
	min-width: 0;
}
.les .les-course-card-wrap.has-image .les-course-card-image {
	flex: 0 0 auto;
	width: clamp(170px, 50%, 210px);
	margin-right: calc(var(--les-space-lg) * -2);
	margin-top: calc(var(--les-space-lg) * -2);
	border-radius: 50%;
	background: var(--les-color-accent-50);
	padding: calc(var(--les-space-lg) / 1.8);
	position: relative;
	z-index: 1;
}
.les .les-course-card-image img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	border-radius: 50%;
}

/* Card nella sezione corsi correlati delle pagine servizio. */
.les .les-service-related-courses .les-course-card-wrap.has-image .les-course-card-image {
	flex: 0 0 auto;
	width: 131px;
	margin-right: calc(var(--les-space-md) * -2);
	margin-top: calc(var(--les-space-lg) * -2);
	border-radius: 50%;
	padding: 0;
	position: relative;
	z-index: 1;
}