/* ==========================================================================
   English (LTR) adjustments. Loaded only on /en/ pages, after every other
   stylesheet. Most layout already flips through logical properties; these
   are the physical directions, arrows and motion that have to mirror.
   ========================================================================== */

/* Forward-arrow nudges point right. */
html[dir="ltr"] .mx1bl .mx1bl-btn:hover span,
html[dir="ltr"] .mx1bl-links a:hover svg,
html[dir="ltr"] .mx1bl-hub__more:hover svg,
html[dir="ltr"] .mx1pg-link:hover .mx1pg-link__go svg,
html[dir="ltr"] .mx1hs .mx1hs-btn:hover span,
html[dir="ltr"] .mx1hh .mx1hh__btn--primary:hover span,
html[dir="ltr"] .mx1vp .mx1vp-cta .mx1vp-btn:hover .mx1vp-arrow { transform: translateX(4px); }
html[dir="ltr"] .mx1vp .mx1vp-link:hover .mx1vp-arrow { transform: translateX(5px); }
html[dir="ltr"] .mx1pg-link__go svg,
html[dir="ltr"] .mx1bl-links a svg,
html[dir="ltr"] .mx1bl-hub__more svg { scale: -1 1; }
html[dir="ltr"] .mx1bl-crumbs li + li::before { content: "›"; }

/* Accent lines run from the start edge. */
html[dir="ltr"] .mx1pg-step::after { background: linear-gradient(270deg, transparent, var(--bl-blue-2)); }
html[dir="ltr"] .mx1sc-index a::after,
html[dir="ltr"] .mx1sc-progress span,
html[dir="ltr"] .mx1vp .mx1vp-deck__dot span::after { transform-origin: left; }
html[dir="ltr"] .mx1vp .mx1vp-service::before { background: linear-gradient(to right, var(--mx1-glow), var(--mx1-blue)); }

/* Lightbox: previous on the left, next on the right; chevrons mirrored. */
html[dir="ltr"] .mx1pg-lb { direction: ltr; }
html[dir="ltr"] .mx1pg-lb .mx1pg-lb__nav--prev { left: clamp(0.5rem, 2vw, 1.5rem) !important; right: auto !important; }
html[dir="ltr"] .mx1pg-lb .mx1pg-lb__nav--next { right: clamp(0.5rem, 2vw, 1.5rem) !important; left: auto !important; }
html[dir="ltr"] .mx1pg-lb__nav svg,
html[dir="ltr"] .mx1sc-reel-btn svg { scale: -1 1; }

/* Print showcase. */
html[dir="ltr"] .mx1sc-facts strong { text-align: start; }
@keyframes mx1sc-mq-ltr { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: no-preference) {
	html[dir="ltr"] .mx1sc-marquee__row { animation-name: mx1sc-mq-ltr; }
}

/* Home hero: decorative ring and the stat badge sit on the board side. */
html[dir="ltr"] .mx1hh__ring { left: 73%; }
html[dir="ltr"] .mx1hh__stat { left: auto; right: -0.5rem; }
@keyframes mx1hh-marquee-ltr { to { transform: translateX(-50%); } }
html[dir="ltr"] .mx1hh--motion .mx1hh__track { animation-name: mx1hh-marquee-ltr; }
@media (max-width: 1024px) {
	html[dir="ltr"] .mx1hh__ring { left: 50%; }
}

/* Home sections. */
html[dir="ltr"] .mx1hs-item__n,
html[dir="ltr"] .mx1hs-plan__badge { left: auto; right: 1.25rem; }
html[dir="ltr"] .mx1hs-cta__mark { left: auto; right: -4%; }

/* Video page. */
@keyframes mx1vp-marquee-ltr { from { transform: translateX(0); } to { transform: translateX(-50%); } }
html[dir="ltr"] .mx1vp--motion .mx1vp-logos__row { animation-name: mx1vp-marquee-ltr; }

/* Navigation. */
html[dir="ltr"] .mx1-nav .whb-header .wd-dropdown-menu .wd-sub-menu li > a::after { transform: rotate(-135deg); }
html[dir="ltr"] .mx1-nav .mobile-nav.wd-side-hidden { box-shadow: 24px 0 48px rgba(0, 0, 0, 0.45); }
html[dir="ltr"] .mx1-nav .mobile-nav .wd-nav-mobile li:is(.current-menu-item, .current-page-ancestor, .current-menu-ancestor) > a { box-shadow: inset 3px 0 0 var(--nv-blue-2); }

/* Footer. */
html[dir="ltr"] .mx1ft { direction: ltr; }
html[dir="ltr"] .mx1ft__ct bdi { text-align: left; }
html[dir="ltr"] .mx1vp .mx1vp-hud { left: 1.5rem; }