/* en.css - loaded only on /en (SDK css/<content>.css convention).
Flips the page LTR and mirrors the physical-direction rules from css.css.
Keep every rule here justified by a matching RTL rule in css.css.
PASS 1 - correct,not pixel-perfect. Visual fine-tuning in the next task. */
/* ---- Global direction flip ---- */
/* mirrors css.css:44  body { direction:rtl } */
body { direction:ltr
}
/* ---- Decorations pinned to their HEBREW physical positions ----
These assets have a baked-in cropped edge that must sit against a specific
viewport edge,so they must NOT follow the direction flip. css.css positions
them with logical inset-inline-* (which auto-flips under direction:ltr) -
pin them back to the physical side the Hebrew page uses.
transform-origin:top right from css.css:194/:1000 stays correct (physical). */
.valueprop__roll {
inset-inline-start:auto;
inset-inline-end:0;
/* LTR inline-end = physical right,same edge as Hebrew (css.css:192/:996) */
}
.problem__bird {
inset-inline-end:auto;
inset-inline-start:0;
/* LTR inline-start = physical left,same edge as Hebrew (css.css:290/:1086) */
}
/* .closing__crane needs no rule:css.css:1263 pins it with physical right:,
which does not flip with direction. */
/* ---- .features__band :direction ---- */
/* css.css:445  direction:rtl  (hardcoded on the band to keep Hebrew marquee order) */
.features__band {
direction:ltr;
/* mirrors css.css:445 direction:rtl */
}
/* ---- .field__input[type="tel"] :text-align ---- */
/* css.css:598  text-align:right  (phone numbers read RTL in Hebrew UX) */
.field__input[type="tel"] {
text-align:left;
/* mirrors css.css:598 text-align:right */
}
/* ---- flatpickr calendar :direction ---- */
/* css.css:621  .flatpickr-calendar { direction:rtl }
css.css:634  .flatpickr-months,.flatpickr-weekdays { direction:rtl } */
.flatpickr-calendar,
.flatpickr-months,
.flatpickr-weekdays {
direction:ltr;
/* mirrors css.css:621 + css.css:634 direction:rtl */
}
/* css.css:666-671 rotates the prev/next chevrons 180° to compensate for RTL.
With the calendar back in LTR the buttons return to their native sides,
so the compensation must be reverted or the arrows point the wrong way. */
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
transform:none;
/* reverts css.css:666-671 rotate(180deg) */
}
/* ---- Desktop overrides ---- */
@media (min-width:1024px) {
/* .footer__links desktop text-align */
/* css.css:1293  text-align:right  (RTL pages naturally right-align column text) */
.footer__links,
.footer__links--legal,
.footer__links--services {
text-align:left;
/* mirrors css.css:1293 text-align:right */
}
}