/* StayIn LTR layer — activated by .
* The shared sheet is written with logical properties (margin-inline,
* inset-inline, text-align start-aware) so it already renders correctly
* in both directions. This sheet adds the small set of overrides that
* cannot be expressed with logical properties. */
/* Font family: Cairo covers Arabic + Latin; keep it in both modes so
* numbers and brand names render identically to the Arabic layout. */
[dir="ltr"] body {
font-family: var(--st-font-body, "Cairo", system-ui, sans-serif);
}
/* Hero pseudo-shapes use fixed clip-path coordinates drawn for RTL.
* In LTR we mirror them horizontally by flipping transform. */
[dir="ltr"] .st-hero::before {
inset-inline-end: -8%;
inset-inline-start: auto;
transform: scaleX(-1);
}
/* RTL-only decorative glow anchor flips to the leading side in LTR. */
[dir="ltr"] .st-hero::after {
inset-inline-end: auto;
inset-inline-start: -10%;
}
/* Search form fields: icon sits at the logical start already via
* inline-start; ensure placeholder alignment stays start-anchored. */
[dir="ltr"] .st-search__field input::placeholder {
text-align: start;
}
/* Chevron icons that were drawn for RTL navigation flip in LTR. */
[dir="ltr"] .st-nav-toggle span,
[dir="ltr"] .st-drawer__panel .st-nav__link::before {
transform: scaleX(-1);
}
/* The language dropdown arrow always points down — no change needed. */