/* ============================================================================
   NOCTURNE — RTL & ARABIC REFINEMENTS
   The layout is built on CSS logical properties, so direction flips for free.
   This file handles only what logical properties cannot: Arabic typography,
   intentional glyph mirroring, and rhythm tuned for Arabic letterforms.
   ========================================================================== */

[lang="ar"] {
  --font-display: "Amiri", "Cormorant Garamond", "Times New Roman", serif;
  --font-serif:   "Amiri", "Cormorant Garamond", serif;
  --font-label:   "El Messiri", "Marcellus", serif;
  --font-body:    "El Messiri", "Jost", system-ui, sans-serif;
}

/* Arabic runs taller — relax line-height and weight for the display serif */
[lang="ar"] h1,
[lang="ar"] h2,
[lang="ar"] h3,
[lang="ar"] h4,
[lang="ar"] .display,
[lang="ar"] .hero__title,
[lang="ar"] .s-head__title,
[lang="ar"] .menu-overlay__link,
[lang="ar"] .intro__statement,
[lang="ar"] .chef__quote,
[lang="ar"] .quote__text {
  line-height: 1.32;
  letter-spacing: 0;
}

[lang="ar"] .eyebrow,
[lang="ar"] .nav__link,
[lang="ar"] .btn,
[lang="ar"] .filter,
[lang="ar"] .panel__tag,
[lang="ar"] .footer__col h4 {
  letter-spacing: 0.06em;
  font-weight: 500;
}

/* The brand wordmark stays Latin; keep Arabic out of it */
[lang="ar"] .nav__brand img,
[lang="ar"] .footer__brand img { /* logos are images — untouched */ }

/* Currency/number-bearing nodes read more naturally kept LTR */
[dir="rtl"] .menu-row__price,
[dir="rtl"] .stat__num,
[dir="rtl"] .hero__meta-v,
[dir="rtl"] .preloader__count,
[dir="rtl"] time,
[dir="rtl"] .footer__news input { direction: ltr; }
[dir="rtl"] .menu-row__price { text-align: end; }
[dir="rtl"] .stat__num,
[dir="rtl"] .hero__meta-v { text-align: end; }

/* Glyph mirroring for directional chevrons/arrows that aren't logical */
[dir="rtl"] .scroll-cue,
[dir="rtl"] .arrow-mirror { /* hooks */ }
[dir="rtl"] [data-mirror] svg,
[dir="rtl"] .btn .icon-arrow,
[dir="rtl"] .ulink .icon-arrow { transform: scaleX(-1); }

/* Hero dots & rail progress originate from the inline-start edge already
   thanks to logical props; just ensure marquee mask stays symmetric. */

/* Selects: caret handled in components via logical positioning */

/* Decorative giant footer word — keep optical balance in Arabic */
[lang="ar"] .footer__giant { letter-spacing: 0; line-height: 1.05; }

/* The film-grain and scrims are direction-agnostic. */