/* ============================================================
   TROPICANA — rtl.css
   Arabic / right-to-left overrides.
   Base styles already use CSS logical properties, so these
   are the few places where direction needs a manual nudge.
   ============================================================ */

[dir="rtl"] body {
  font-family: var(--font-ar);
  line-height: 1.8;
}

/* Arabic headings: Tajawal (Playfair/Greta Vibes lack Arabic glyphs) */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] .nav__link, [dir="rtl"] .btn { font-family: var(--font-ar); }

/* Decorative script-eyebrows hold Arabic text here — use Tajawal bold instead */
[dir="rtl"] .sec-head__eyebrow,
[dir="rtl"] .page-hero__eyebrow,
[dir="rtl"] .menu-cat__title,
[dir="rtl"] .menu-group__count,
[dir="rtl"] .stat__num {
  font-family: var(--font-ar);
  font-weight: 800;
  letter-spacing: 0;
}
/* The literal Latin brand/hero word "Tropicana" keeps Great Vibes even in RTL */
[dir="rtl"] .brand__name,
[dir="rtl"] .hero__script,
[dir="rtl"] .footer-brand__name { font-family: var(--font-script); }

/* Mirror directional arrows */
[dir="rtl"] .menu-item__order svg,
[dir="rtl"] .dish-card__link svg,
[dir="rtl"] .hero__scroll { transform: scaleX(-1); }

/* Mirror the decorative outline offset on the split media frame */
[dir="rtl"] .split__media::after {
  inset: 1.2rem 1.2rem -1.2rem -1.2rem;
}

/* Underline flourish grows the other way in RTL */
[dir="rtl"] .menu-group__head::after {
  background: linear-gradient(90deg, transparent, var(--gold-light));
}

/* Letter-spacing looks wrong on Arabic — normalise headings */
[dir="rtl"] .sec-head h2,
[dir="rtl"] .page-hero h1,
[dir="rtl"] .hero h1 { letter-spacing: 0; }