/* ---- hero: directional art + search bar ---- */
[dir="rtl"] .menuhead::before{transform:none;
  background-image:url('../../imgs/hero/menu-hero-ar.webp?v=2');background-position:left center}
[dir="rtl"] .menuhead::after{background:linear-gradient(260deg,rgba(252,246,236,.94) 0%,rgba(252,246,236,.82) 22%,
  rgba(252,246,236,.4) 40%,rgba(252,246,236,.08) 52%,rgba(252,246,236,0) 60%)}
@media(max-width:760px){
  /* the arabic artwork is mirrored - its bag sits at 3-17% - so the crop is
     pushed the other way to match the english framing */
  [dir="rtl"] .menuhead::before{background-image:url('../../imgs/hero/menu-hero-ar-m.webp?v=2');background-position:0% center}
  /* mirror of the phone treatment in menu.css: the copy sits on the right here,
     so the light pass runs 260deg instead of 100deg */
  [dir="rtl"] .menuhead::after{background:linear-gradient(260deg,
    rgba(252,246,236,.9) 0%,rgba(252,246,236,.74) 28%,
    rgba(252,246,236,.3) 50%,rgba(252,246,236,0) 70%)}
}
[dir="rtl"] .searchbar .sicon{left:auto;right:18px}
[dir="rtl"] .searchbar input{padding:16px 48px 16px 46px}
[dir="rtl"] .searchbar .mclear{right:auto;left:13px}

/* ---- toolbar ---- */
[dir="rtl"] .toolright{margin-left:0;margin-right:auto}
@media(max-width:760px){
  [dir="rtl"] .toolright{margin-right:0}
}
[dir="rtl"] .filterpanel .slider,
[dir="rtl"] .filterpanel .frbounds,
[dir="rtl"] .filterpanel .frval{direction:ltr}

/* ---- dish cards ---- */
[dir="rtl"] .dphoto{right:auto;left:12px}
[dir="rtl"] .dadd{right:auto;left:10px}

/* ---- dish dialog ---- */
[dir="rtl"] .dlg-close{right:auto;left:14px}
[dir="rtl"] .dlg-kcal{left:auto;right:16px}
[dir="rtl"] .dlg-zoombtn{left:auto;right:16px}
[dir="rtl"] .dlg-pic .dphoto{right:auto;left:14px}
[dir="rtl"] .caloriesrow b small{margin-left:0;margin-right:3px}
[dir="rtl"] .macrolegend b{margin-left:0;margin-right:1px}
@media(max-width:560px){
  [dir="rtl"] .dlg-kcal{left:auto;right:10px}
  [dir="rtl"] .dlg-close{right:auto;left:10px}
}

/* ---- photo zoom viewer (zoom/pan math is physical; only chrome mirrors) ---- */
[dir="rtl"] .zv-close{right:auto;left:16px}
[dir="rtl"] .zv-name{left:auto;right:22px}

/* ---- build-your-day: fab, toast, timeline spine ---- */
[dir="rtl"] .bd-fab{right:auto;left:22px}
@media(max-width:560px){[dir="rtl"] .bd-fab{right:auto;left:16px}}
@media(max-width:480px){[dir="rtl"] .bd-fab{right:auto;left:14px}}
[dir="rtl"] .bd-toast{right:auto;left:22px}
@media(max-width:480px){[dir="rtl"] .bd-toast{right:auto;left:14px}}
[dir="rtl"] .bd-timeline::before{left:auto;right:28px;transform:translateX(50%)}
[dir="rtl"] .bd-leg b{margin-left:0;margin-right:auto}
[dir="rtl"] .bd-mdish{text-align:right}