.course.lang-ltr {direction: ltr; text-align: left;}

/* Mobile-and-up */
.course.lang-ltr .hero-block .details .tags {padding-left: 0; padding-right: 1px;}
.course.lang-ltr .hero-block .details .prices_info {padding-right: 0; padding-left: .5rem;}

.course.lang-ltr .related-courses-block .cards .slick-prev {left: auto; right: -1rem; text-align: right;}
.course.lang-ltr .related-courses-block .cards .slick-prev:before {content: '<';}
.course.lang-ltr .related-courses-block .cards .slick-next {right: auto; left: -1rem; text-align: left;}
.course.lang-ltr .related-courses-block .cards .slick-next:before {content: '>';}

/* Course card in the "related courses" block — separate CSS bundle from courses/main-ltr.css */
.course .course-card.lang-ltr {direction: ltr; text-align: left;}
.course .course-card.lang-ltr .sticker {left: auto; right: 0; border-radius: 0 0 0 5px;}

/* Text alignment — desktop only (on mobile these h2 are already text-align: center) */
@media screen and (min-width: 40em) {
	.course.lang-ltr .overview-block h2,
	.course.lang-ltr .syllabus-block h2,
	.course.lang-ltr .lecturer-block .teacher-card .info > *,
	.course.lang-ltr .contact-block h2,
	.course.lang-ltr .contact-block h2 + p,
	.course.lang-ltr .faq-block h2,
	.course.lang-ltr .related-courses-block h2 {text-align: left;}

	.course.lang-ltr .related-courses-block .cards .slick-prev {left: auto; right: -2rem; text-align: right;}
	.course.lang-ltr .related-courses-block .cards .slick-next {right: auto; left: -2rem; text-align: left;}

	/* Temporary fix: widen the lecturer label's whole column (label-wide, set server-side) so rows stay aligned */
	.course.lang-ltr .hero-block .details .labels .label {width: 29.86%;}
	.course.lang-ltr .hero-block .details .labels .label.label-wide {width: 34%;}
}