/* _rtl.css — loaded only by the Hebrew pages (he/*.html, dir="rtl").
   Flex and grid rows flip on their own; this file fixes things placed with left/right. */

/* floating ☰ and its dropdown sit on the left, the header leaves room for it there */
.fab-menu{right:auto;left:max(16px,env(safe-area-inset-left))}
.dmenu{right:auto!important;left:max(16px,env(safe-area-inset-left))}
.nav-in{padding-right:var(--gut);padding-left:calc(var(--gut) + 64px)}
@media(min-width:1400px){.nav-in{padding-left:var(--gut)}}
@media(max-width:980px){.lang{margin-left:0;margin-right:auto}.nav .brand{margin-right:0;margin-left:.5rem}}
.lang-list{right:auto;left:0}
.totop{right:auto;left:max(16px,env(safe-area-inset-left))}

/* arrows that point "forward" */
[dir="rtl"] .btn .ico use[href="#i-arrow"],[dir="rtl"] .dmenu-cta .ico{transform:scaleX(-1);transform-origin:center}
[dir="rtl"] .btn svg.ico:has(use[href="#i-arrow"]){transform:scaleX(-1)}

/* itinerary timeline on the right */
.days{padding:0 34px 0 0}
.days::before,.days .prog{left:auto;right:10px}
.day::before{left:auto;right:-30px}
.daynav-li{margin-left:0;margin-right:-34px}
@media(max-width:980px){.daynav-li.stuck{padding-right:0;padding-left:56px}}
.route .legs{padding-left:0;padding-right:22px}
.route .legs::before{left:auto;right:6px}
.route .leg::before{left:auto;right:-21px}
.route svg{direction:ltr}

/* payment steps */
.pflow li:not(:last-child)::after{left:auto;right:21px}
@media(max-width:640px){.pflow li:not(:last-child)::after{right:17px}}

/* phone field: the country code sits on the right */
.cc-btn{border-right:0;border-left:1.5px solid rgba(43,31,24,.12);border-radius:0 11px 11px 0;padding:0 .9rem 0 .7rem}
.cc-drop{left:auto;right:-1.5px}

/* small things */
.stamp{left:auto;right:-18px}
@media(max-width:860px){.stamp{right:auto;left:10px;transform:none}}
.dp-pop{left:auto;right:0}
.tg-prev{left:auto;right:10px}.tg-next{right:auto;left:10px}
.tg-prev .ico,.tg-next .ico{transform:scaleX(-1)}
.tg-cap{left:auto;right:12px}
.tg-dots{right:auto;left:12px}
.tier .tlab{left:auto;right:12px}
.tier .tick,.fopt .tick{right:auto;left:12px}
.sopt{padding:.6rem 1rem .6rem 2.4rem}
.sopt .tick{right:auto;left:12px}
.mosaic figcaption{left:auto;right:12px}
.hero-cap{right:auto;left:var(--gut)}
.qa button,.step-h,.fact,.panel h3{text-align:right}
input[type="tel"],input[type="email"],.acct b{direction:ltr;text-align:right}

/* off-screen helpers must go off the RIGHT edge: in RTL, anything past the left edge becomes scrollable */
.hp{left:auto!important;right:-9999px}
.skip{left:auto;right:16px}