/* MR Corsi — palette del sito: rosa polvere #EBD8D0, bordeaux #8B3A52, testo #2C2C2C. Il font è quello del tema. */

.mr-corsi-catalogo {
	max-width: 1140px;
	margin: 0 auto;
	padding: 24px 16px 48px;
	box-sizing: border-box;
}
@media (min-width: 1200px) {
	/* Allineato al titolo del tema: i margini laterali servono solo sugli schermi stretti */
	.mr-corsi-catalogo { padding-left: 0; padding-right: 0; }
}

.mr-corsi-griglia {
	display: grid;
	grid-template-columns: repeat(var(--mr-colonne, 3), minmax(0, 1fr));
	gap: 24px;
}
@media (max-width: 900px) {
	.mr-corsi-griglia { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.mr-corsi-griglia { grid-template-columns: 1fr; }
}

.mr-corso-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #EBD8D0;
	border-radius: 16px;
	overflow: hidden;
	color: #2C2C2C;
	text-decoration: none !important;
	transition: transform .2s ease, box-shadow .2s ease;
}
.mr-corso-card:hover,
.mr-corso-card:focus-visible {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(139, 58, 82, .12);
}
.mr-corso-img {
	position: relative;
	aspect-ratio: 4 / 3;
	background: #EBD8D0;
}
.mr-corso-img { overflow: hidden; }
/* Posizione assoluta e !important: i CSS di Elementor (img { height: auto }) altrimenti allungano la scheda */
.mr-corsi-catalogo .mr-corso-img img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	display: block;
}
.mr-corso-corpo {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
	padding: 20px 22px 24px;
}
.mr-corso-cat {
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #8B3A52;
}
.mr-corso-titolo {
	margin: 0;
	font-size: 22px;
	line-height: 1.2;
	color: #2C2C2C;
}
.mr-corso-desc {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #2C2C2C;
	opacity: .8;
}
.mr-corso-piede {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
	padding-top: 12px;
}
.mr-corso-prezzo {
	font-size: 18px;
	font-weight: 600;
}
.mr-corso-tuo {
	font-size: 13px;
	font-weight: 600;
	color: #8B3A52;
	background: #EBD8D0;
	padding: 4px 10px;
	border-radius: 999px;
}
.mr-corso-scopri {
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #8B3A52;
	border-bottom: 1px solid currentColor;
}

.mr-corsi-sezione {
	margin: 32px 0 16px;
	font-size: 26px;
	color: #8B3A52;
}
.mr-corsi-sezione:first-child { margin-top: 0; }
.mr-corso-card-tuo { border-color: #8B3A52; }

/* Corsi "prossimamente": scheda senza link, immagine attenuata */
.mr-corso-card-presto { cursor: default; }
.mr-corso-card-presto:hover { transform: none; box-shadow: none; }
.mr-corso-card-presto .mr-corso-img img { opacity: .55; filter: grayscale(.4); }
.mr-corso-nastro {
	position: absolute;
	top: 14px;
	left: 14px;
	background: #2C2C2C;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 5px 12px;
	border-radius: 999px;
}
.mr-corso-presto {
	font-size: 13px;
	font-weight: 600;
	color: #2C2C2C;
	opacity: .7;
}
.mr-corsi-btn-presto,
.mr-corsi-btn-presto:hover { background: #2C2C2C; opacity: .6; cursor: default; }

.mr-corsi-azione { margin: 16px 0; }
.mr-corsi-btn {
	display: inline-block;
	background: #8B3A52;
	color: #fff !important;
	padding: 14px 28px;
	border-radius: 999px;
	font-weight: 600;
	text-decoration: none !important;
	transition: background .2s ease;
}
.mr-corsi-btn:hover { background: #6f2d41; }
.mr-corsi-btn-piccolo { padding: 8px 18px; font-size: 14px; }

.mr-corsi-nota { font-size: 14px; margin: 10px 0 0; }
.mr-corsi-nota a { color: #8B3A52; }
.mr-corsi-avviso {
	background: #EBD8D0;
	border-left: 4px solid #8B3A52;
	padding: 10px 14px;
	border-radius: 6px;
	color: #2C2C2C;
}

.mr-miei-corsi {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 12px;
}
.mr-miei-corsi li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	border: 1px solid #EBD8D0;
	border-radius: 12px;
}
.mr-miei-corsi-titolo { font-weight: 600; }

.mr-corsi-grazie-titolo { font-size: 20px; }