/*
 * Most layout rules use logical properties, so RTL overrides remain small.
 */

html {
	direction: rtl;
}

.icon--arrow {
	transform: scaleX(-1);
}

.text-link:hover .icon--arrow {
	transform: scaleX(-1) translateX(0.2rem);
}

input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"] {
	direction: ltr;
	text-align: start;
}

bdi,
.price-list bdi {
	direction: ltr;
}

@media (min-width: 60rem) {
	.primary-navigation .sub-menu {
		text-align: start;
	}
}