/* ==========================================================================
   AKTUÁLNE TERMÍNY KURZOV

   Nadpis na osi a pod ním plocha na vložený kalendár.
   Dizajn je kreslený na 1728 × 1014 px: plocha 1385 × 561 px
   s odsadením 172 px od okrajov.
   ========================================================================== */

.shs-schedule {
	padding-block: calc(var(--shs-space-96) + var(--shs-space-64))
		calc(var(--shs-space-96) + var(--shs-space-32));
	color: var(--shs-brand);
	background: var(--shs-mist);
}

.shs-schedule__inner {
	padding-inline: clamp(var(--shs-gutter), 9.95vw, 172px);
}

.shs-schedule__title {
	text-align: center;
}

/*
 * Pomer strán drží miesto skôr, než sa kalendár načíta — inak by
 * stránka pri jeho príchode poskočila.
 */
.shs-schedule__frame {
	position: relative;
	margin-top: var(--shs-space-96);
	aspect-ratio: 1385 / 561;
	overflow: hidden;
	background: color-mix(in srgb, var(--shs-brand) 8%, var(--shs-cream));
}

.shs-schedule__frame > * {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.shs-schedule__frame img {
	object-fit: cover;
}

/*
 * Vlastná výška z nastavení sekcie. Pomer strán sa vtedy ruší — dve
 * pravidlá výšky naraz by si protirečili a vyhral by pomer.
 */
.shs-schedule__frame--fixed {
	aspect-ratio: auto;
	height: var(--shs-schedule-h);
}

/* Užšia plocha ostáva na strede sekcie. */
.shs-schedule__frame--narrow {
	max-width: var(--shs-schedule-w);
	margin-inline: auto;
}

@media (max-width: 900px) {
	.shs-schedule {
		padding-block: var(--shs-space-64);
	}

	.shs-schedule__inner {
		padding-inline: var(--shs-gutter);
	}

	.shs-schedule__frame {
		margin-top: var(--shs-space-48);
		aspect-ratio: 3 / 4;
	}

	.shs-schedule__frame--fixed {
		aspect-ratio: auto;
		height: var(--shs-schedule-h-mobile, var(--shs-schedule-h));
	}
}