/* ============================================================
   rtl.css — Arabic RTL overrides for smashyburgers.com/ar/
   v3 — Junk minimaliste DA (redesign-v3)
   Loaded after the inline <style> in ar/index.html
   ============================================================ */

/* 1 · Body font already Cairo via --f in AR inline style.
      Reset letter-spacing (breaks Arabic glyph joining) */
.title,
.kicker,
.manifesto {
  letter-spacing: 0;
}

/* 2 · hero-sig — already positioned right in AR inline style.
      Tagline "smash × taste × repeat" stays Latin LTR (not present in hero AR). */

/* 3 · Nav brand .s — margin correction already in inline style (margin-right instead of margin-left).
      Nav-hours: direction:ltr already applied inline. */

/* 4 · hero-play — direction:ltr already applied inline. Keep Latin text order. */

/* 5 · Slider arrows — inversed in AR: prev (right-side) shows ›, next (left-side) shows ‹.
      Positions already swapped in inline style (.arrow.prev{right:-6px} / .arrow.next{left:-6px}) */

/* 6 · Menu split — swap columns: text left (RTL start = right), slider right (RTL = left).
      In RTL grid, column order is already reversed by the browser for dir=rtl.
      The AR HTML places .media first, .pad second — visually identical to FR (text start-side). */

/* 7 · hero-sig — right-positioned in inline AR style. On mobile, centered. */
@media(max-width:760px){
  .hero-play{
    right: 50%;
    left: auto;
    transform: translateX(50%);
  }
}

/* 8 · Price values — LTR embed to preserve "190 DA" digit order (already in inline .li .p) */

/* 9 · .foot-bottom tagline — direction:ltr isolate already applied inline. */

/* 10 · Wallet cards — .rcard .wh direction:ltr already in inline style.
       Wallet card positions: .wcard uses right/rotate(+8deg), .wweb uses right/rotate(-4deg)
       — already mirrored in inline AR style. */

/* 11 · .club .num — direction:ltr already inline */

/* 12 · Cart price list — name (right) / dotted leader / price (left) in RTL is natural.
       .li .p already has direction:ltr;unicode-bidi:embed in inline style. */

/* 13 · Manifesto font-size — Cairo renders Arabic slightly larger; slight size adjustment */
.manifesto {
  font-size: clamp(20px, 2.6vw, 34px);
  line-height: 1.6;
}

/* 14 · .foot-grid first column — brand + ftag text-align right in RTL */
footer .ftag {
  text-align: right;
}

/* 15 · Nav links text-align in mobile (if revealed via JS) */
.mobile-menu {
  text-align: right;
}

/* 16 · pill / button — ensure flex row reads correctly in RTL */
.pill {
  flex-direction: row;
}

/* 17 · .order .row — centered, OK as-is */

/* 18 · .best .pr / .slide .pr — direction:ltr already inline */

/* 19 · Footer phone + hours — direction:ltr class .ltr already in markup */
footer .ltr,
footer a.ltr {
  direction: ltr;
  unicode-bidi: isolate;
}