/**
 * RTL readiness — logical properties already used in main.css.
 * Extra tweaks when html[dir="rtl"].
 */

html[dir="rtl"] body,
.rtl body {
	direction: rtl;
}

html[dir="rtl"] .dreem-nav__list,
.rtl .dreem-nav__list {
	flex-direction: row;
}

html[dir="rtl"] .dreem-hero__actions,
.rtl .dreem-hero__actions {
	flex-direction: row;
}

html[dir="rtl"] .dreem-newsletter,
.rtl .dreem-newsletter {
	flex-direction: row;
}

@media (max-width: 768px) {
	html[dir="rtl"] .dreem-newsletter,
	.rtl .dreem-newsletter {
		flex-direction: column;
	}
}