/**
 * Events carousel — Horizontal Rail variant.
 *
 * Several compact items across a horizontal rail — the upcoming-events
 * moment. Tighter gaps, smaller media, compact type.
 */

.sanaa-c-events-carousel--horizontal-rail {
	--sanaa-ec-spv: 1.4;
	--sanaa-ec-gap: var(--sanaa-space-md, 20px);
	--sanaa-ec-ratio: 4 / 3;
}

.sanaa-c-events-carousel--horizontal-rail .sanaa-ev-slide__body {
	padding-top: var(--sanaa-space-sm, 12px);
}

@media (width >= 768px) {
	.sanaa-c-events-carousel--horizontal-rail {
		--sanaa-ec-spv: 2.4;
	}
}

@media (width >= 1024px) {
	.sanaa-c-events-carousel--horizontal-rail {
		--sanaa-ec-spv: 3.4;
	}
}