/* Arabic joins and diacritics need natural spacing, including the entry dialog
   while the remembered storefront language is still English. */
:lang(ar) {
  letter-spacing: normal !important;
  word-spacing: normal;
  font-kerning: normal;
  font-feature-settings: normal;
  text-transform: none;
}
html[lang="ar"] body,
.welcome-dialog[lang="ar"],
[lang="ar"] button,
[lang="ar"] input,
[lang="ar"] textarea,
[lang="ar"] select {
  font-family: 'Noto Sans Arabic', 'Manrope', Tahoma, sans-serif;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] .hero h1 em,
.welcome-dialog[lang="ar"] h2 {
  font-family: 'Noto Sans Arabic', Tahoma, sans-serif;
  font-style: normal;
  line-height: 1.65;
  overflow-wrap: normal;
  word-break: normal;
}
.welcome-dialog[lang="ar"] .welcome-brand-copy h2 { font-size: 32px; }
.welcome-dialog[lang="ar"] .welcome-form h2 { font-size: 28px; }
.welcome-dialog[lang="ar"] .welcome-intro,
.welcome-dialog[lang="ar"] .welcome-brand-copy p { font-size: 13px; line-height: 1.95; }
.welcome-dialog[lang="ar"] .welcome-step-label,
.welcome-dialog[lang="ar"] .welcome-language legend,
.welcome-dialog[lang="ar"] .welcome-branch-header h3,
.welcome-dialog[lang="ar"] .welcome-continue { font-size: 12px; line-height: 1.8; }
html[lang="ar"] .food-card h3 { font-size: 20px; }
.food-arabic[lang="en"] { direction: ltr; font-family: 'Manrope', sans-serif; }
.food-arabic[lang="ar"] { direction: rtl; }
.menu-section { overflow-anchor: none; }
@media(max-width:760px) {
  .welcome-dialog[lang="ar"] .welcome-brand-copy h2 { font-size: 24px; }
  .welcome-dialog[lang="ar"] .welcome-form h2 { font-size: 25px; }
  html[lang="ar"] .food-card h3 { font-size: 16px; line-height: 1.7; }
}