html[dir="rtl"] body {
  font-family: "Cairo", "Inter", system-ui, sans-serif;
}

html[dir="rtl"] .hero-overlay {
  background:
    radial-gradient(circle at 28% 28%, rgba(200, 162, 122, 0.28), transparent 34%),
    linear-gradient(270deg, rgba(22, 13, 8, 0.86), rgba(22, 13, 8, 0.44), rgba(22, 13, 8, 0.16));
}

html[dir="rtl"] .hero-content h1,
html[dir="rtl"] .page-hero h1,
html[dir="rtl"] .section-heading h2,
html[dir="rtl"] .split-section h2,
html[dir="rtl"] .location-preview h2,
html[dir="rtl"] .contact-form h2,
html[dir="rtl"] .contact-info h2,
html[dir="rtl"] .empty-state h2 {
  letter-spacing: -0.035em;
}

html[dir="rtl"] .section-heading,
html[dir="rtl"] .empty-state {
  text-align: center;
}

html[dir="rtl"] .search-box input,
html[dir="rtl"] .contact-form input,
html[dir="rtl"] .contact-form textarea {
  text-align: right;
}

html[dir="rtl"] .card-footer,
html[dir="rtl"] .navbar,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .socials {
  flex-direction: row-reverse;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .footer-brand {
  flex-direction: row-reverse;
}

html[dir="rtl"] .info-list a,
html[dir="rtl"] .info-list div {
  text-align: right;
}

html[dir="rtl"] .site-footer a {
  margin-inline-start: auto;
}

html[dir="rtl"] .menu-category-link {
  letter-spacing: 0.08em;
}

html[dir="rtl"] .menu-item {
  grid-template-columns: minmax(180px, max-content) minmax(28px, 1fr) auto;
}

html[dir="rtl"] .menu-item-name,
html[dir="rtl"] .menu-item-desc,
html[dir="rtl"] .menu-category-title {
  text-align: right;
}

@media (max-width: 860px) {
  html[dir="rtl"] .hero-overlay {
    background:
      radial-gradient(circle at 28% 20%, rgba(200, 162, 122, 0.18), transparent 36%),
      linear-gradient(180deg, rgba(22, 13, 8, 0.42), rgba(22, 13, 8, 0.88));
  }

  html[dir="rtl"] .nav-link,
  html[dir="rtl"] .language-toggle {
    justify-content: center;
  }
}

@media (max-width: 640px) {
  html[dir="rtl"] .hero-actions,
  html[dir="rtl"] .card-footer {
    flex-direction: column;
  }

  html[dir="rtl"] .menu-item {
    grid-template-columns: minmax(0, 1fr) minmax(18px, 0.32fr) auto;
  }
}