/* Arabic pages (/ar/): right-to-left overrides on top of site.css. Loaded only when <html lang="ar" dir="rtl">. */
html[dir="rtl"] {
  --sans: 'IBM Plex Sans Arabic', 'Figtree', system-ui, sans-serif;
  --display: 'Noto Kufi Arabic', 'IBM Plex Sans Arabic', Georgia, serif;
}
/* letter-spacing breaks the joining of Arabic letters */
[dir="rtl"] *, [dir="rtl"] *::before, [dir="rtl"] *::after { letter-spacing: 0 !important; }
[dir="rtl"] body { line-height: 1.7; }
[dir="rtl"] h1 { font-size: clamp(38px, 9vw, 80px); line-height: 1.2; }
[dir="rtl"] .page-head h1 { font-size: clamp(34px, 6vw, 60px); }
[dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] .display { line-height: 1.35; font-weight: 600; }
[dir="rtl"] .logo, [dir="rtl"] .logo * { font-family: 'DM Serif Display', Georgia, serif; }
[dir="rtl"] input[type="tel"], [dir="rtl"] a[href^="tel:"], [dir="rtl"] a[href*="wa.me"] b { direction: ltr; unicode-bidi: isolate; }

/* text alignment */
[dir="rtl"] .deliver-to, [dir="rtl"] .proof, [dir="rtl"] .dish, [dir="rtl"] .opt, [dir="rtl"] .lunch-set, [dir="rtl"] .confirm .card { text-align: right; }
[dir="rtl"] .line .right, [dir="rtl"] .wa-block { text-align: left; }
[dir="rtl"] .lunch-set ul { padding-left: 0; padding-right: 18px; }

/* hero pictures: mirror the arrangement */
[dir="rtl"] .hero-art .main { right: auto; left: -40px; }
[dir="rtl"] .hero-art .side-a { left: auto; right: -16px; }
[dir="rtl"] .hero-art .lunch-tag { left: auto; right: 0; }
@media (min-width: 900px) {
  [dir="rtl"] .hero-art .main { right: auto; left: 0; }
  [dir="rtl"] .hero-art .side-a { left: auto; right: -30px; }
  [dir="rtl"] .hero-art .side-b { right: auto; left: -30px; }
  [dir="rtl"] .hero-art .lunch-tag { left: auto; right: 30px; }
  [dir="rtl"] .lunch-banner .art { right: auto; left: -60px; }
  [dir="rtl"] .lunch-banner .sets { margin-right: 0; margin-left: 220px; }
  [dir="rtl"] .sheet .close { right: auto; left: 16px; }
}

/* horizontal scrollers bleed to the left edge instead of the right */
[dir="rtl"] .strip { margin-right: 0; padding-right: 0; margin-left: calc(-1 * var(--gutter-l)); padding-left: var(--gutter-l); }
[dir="rtl"] .cats .scroller { padding-right: 0; padding-left: var(--gutter-l); }

/* badges, captions, close buttons */
[dir="rtl"] .dish .badge { left: auto; right: 10px; }
@media (min-width: 900px) { [dir="rtl"] .dish .badge { right: 18px; } }
[dir="rtl"] .strip .video .cap { left: auto; right: 10px; }
[dir="rtl"] .video-full .close { right: auto; left: 14px; }
[dir="rtl"] .lunch-banner .art { right: auto; left: -50px; transform: rotate(10deg) scaleX(-1); }
[dir="rtl"] .sheet .close { right: auto; left: calc(var(--gutter-l)); }
[dir="rtl"] .skip-link { left: auto; right: -9999px; }
[dir="rtl"] .skip-link:focus { right: 16px; }

/* cart drawer slides in from the left on desktop */
@media (min-width: 900px) { [dir="rtl"] .overlay.right { justify-content: flex-start; } }


/* New UAE Dirham sign (Central Bank of the UAE, 2025), drawn as an icon in the text colour; i18n-ar.js puts <span class="dh"> after each price */
.dh { display: inline-block; width: .82em; height: .82em; margin-inline-start: .18em; vertical-align: -.06em; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill-rule='evenodd' d='M24 8h22c27 0 44 17 44 42S73 92 46 92H24zm12 10v64h10c19 0 31-12 31-32S65 18 46 18z'/%3E%3Cpath d='M4 36h92v6H4zM4 58h92v6H4z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill-rule='evenodd' d='M24 8h22c27 0 44 17 44 42S73 92 46 92H24zm12 10v64h10c19 0 31-12 31-32S65 18 46 18z'/%3E%3Cpath d='M4 36h92v6H4zM4 58h92v6H4z'/%3E%3C/svg%3E") center / contain no-repeat; }