/*
 * Left-to-right overrides for the English version.
 *
 * main.css is authored right to left; only the rules tied to a physical
 * side are mirrored here. Loaded only when the page direction is LTR.
 */

.dropdown,
.nav-menu__list .dropdown {
	inset-inline-start: 0;
	inset-inline-end: auto;
	left: 0;
	right: auto;
}

.leader-message {
	padding-right: 0;
	padding-left: 30px;
}

.leader-message::before {
	right: auto;
	left: 0;
}

.footer-col h4::after {
	right: auto;
	left: 0;
}

.footer-links a:hover {
	padding-right: 0;
	padding-left: 5px;
}

.mobile-nav a:hover {
	padding-right: 0;
	padding-left: 10px;
}

.value-card:nth-child(even) .value-content {
	direction: inherit;
}

.mobile-menu {
	right: auto;
	left: -100%;
}

.mobile-menu.active {
	left: 0;
}

.skip-link:focus {
	right: auto;
	left: 12px;
}

/* Directional arrows point the other way when reading left to right. */
.icon-arrow-left,
.icon-arrow-right,
.icon-chevron-left,
.icon-chevron-right {
	transform: scaleX(-1);
}