/* ============================================================
   Archivi pubblici delle categorie corso — derivato da pag. Servizi.
   ============================================================ */

/* ---------- HERO ---------- */
.les #corsi-hero {
	background: linear-gradient(180deg, transparent, var(--les-color-accent-50));
}
.les #corsi-hero #corsi-hero-title {
	background-color: var(--les-color-accent-900);
	padding: 2rem;
	border-radius: 2rem;
	margin-top: -0.2rem;
}
.les #corsi-hero .w-image  {
	max-width: 580px!important;
}
.les #corsi-hero #corsi-hero-title > .wpb_column { min-width: unset; width: fit-content; }
.les #corsi-hero #corsi-hero-title h1 .title-name { color: var(--les-color-neutral-0); }
.les #corsi-hero #corsi-hero-title h1 span.title-highlight {
	color: var(--les-color-primary-400);
	background: linear-gradient(to right, #e9d0e9, #fdc612, #c79ec5);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	overflow: hidden;
	display: block;
}
.les #corsi-hero #corsi-hero-title #corsi-hero-text { color: var(--les-color-neutral-0); }
.les #corsi-hero-title h1 {
	margin-top: -20px;
}
.les #corsi-hero-title h1,
.les #corsi-hero-title h1 span {
	line-height: 1 !important;
}
.les #corsi-hero-title .title-name > span {
	font-size: 2.8em;
}

/* ---------- LOOP ---------- */
.les-courses-archive #corsi-loop .les-hover-lift:hover {
	box-shadow: -16px 20px 30px color-mix(in srgb, var(--les-color-accent-950) 10%, transparent);
}

.les #corsi-loop{
	--corsi-bkg-color: var(--les-color-accent-50);
	background: var(--corsi-bkg-color);
}

.les #corsi-loop .les-course-archive-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.term-corsi-gratuiti #corsi-loop .les-course-archive-grid{
	grid-template-columns: repeat(3, 1fr);
    gap: var(--les-space-xl);
}
@media (max-width: 767px) {
	.les #corsi-loop .les-course-archive-grid { grid-template-columns: 1fr; }
}


/* ---------- CONTATTI ---------- */
.les #corsi-contatti {
	background: linear-gradient(180deg, var(--les-color-accent-50), var(--les-color-neutral-0));
}
.les #corsi-contatti h2 { font-size: 1em; color: var(--les-color-accent-600); }

/* Variante del modulo con informazioni di contatto affiancate. */
.les .les-course-contact-form-with-info {
	background: linear-gradient(136deg, var(--les-color-accent-50), var(--les-color-accent-200));
	color: var(--les-color-secondary-950);
	scroll-margin-top: var(--les-space-xxxl);
}

.les .les-course-contact-form-with-info__main > .vc_column-inner {
	background: var(--les-color-neutral-0);
	padding: var(--les-space-lg);
	border-radius: var(--les-border-radius-md);
	box-shadow: var(--les-box-shadow-raised);
	color: var(--les-color-secondary-950);
}

.les .les-course-contact-form-with-info__intro h2,
.les .les-course-contact-form-with-info__intro p {
	color: var(--les-color-secondary-950);
}

.les .les-course-contact-form-with-info__title {
	margin-bottom: .2em;
}

.les .les-course-contact-form-with-info__form {
	color: inherit;
}

.les-course-contact-form-with-info__support {
	align-self: stretch;
}

.les-course-contact-form-with-info__support > .vc_column-inner,
.les-course-contact-form-with-info__support > .vc_column-inner > .wpb_wrapper {
	height: auto;
}

/* Servizi correlati negli archivi: cover più compatte rispetto al single. */
.les-courses-taxonomy #corsi-servizi-correlati .les-course-related-service-image {
	width: 40%;
}

.les-corsi-archive-hero-image {
	max-width: 580px !important;
}
@media (max-width: 600px) {
	.les #corsi-contatti .g-cols { grid-gap: 2rem !important; }
}