/* IMPASTO i18n — English LTR + Cormorant Garamond (400 / 700 only) */

:root {
  --font-ar: 'Cairo', sans-serif;
  --font-en: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

html.lang-en,
html[lang="en"] {
  direction: ltr;
}

html.lang-ar,
html[lang="ar"] {
  direction: rtl;
}

/* English typography: only weights 400 (body) and 700 (emphasis / headings) */
html.lang-en body,
html[lang="en"] body,
body.lang-en {
  font-family: var(--font-en) !important;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.01em;
}

html.lang-en h1,
html.lang-en h2,
html.lang-en h3,
html.lang-en h4,
html.lang-en h5,
html.lang-en h6,
html.lang-en .title,
html.lang-en .pre-title,
html.lang-en .btn,
html.lang-en .btn-primary,
html.lang-en .zc-clone-btn,
html.lang-en .zc-clone-submit,
html.lang-en .booking-teaser__kicker,
html.lang-en .booking-teaser__title,
html.lang-en .booking-teaser__cta,
html.lang-en .menu-cat-label,
html.lang-en .menu-sub-btn,
html.lang-en .featured-menu-title,
html.lang-en .story-title,
html.lang-en .glass-section-title,
html.lang-en .glass-card-label,
html.lang-en .reservation-addon-title,
html.lang-en .reservation-addon-name,
html.lang-en .preorder-title,
html.lang-en .payment-success-title,
html.lang-en .ig-title-text,
html.lang-en .outline-title,
html.lang-en .hero-title-impasto,
html.lang-en strong,
html.lang-en b,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6 {
  font-family: var(--font-en) !important;
  font-weight: 700 !important;
}

html.lang-en p,
html.lang-en label,
html.lang-en input,
html.lang-en select,
html.lang-en textarea,
html.lang-en .paragraph,
html.lang-en .booking-teaser__desc,
html.lang-en .story-text,
html.lang-en .glass-section-subtitle,
html.lang-en .reservation-addon-desc,
html.lang-en .reservation-addon-meta,
html.lang-en .preorder-desc,
html.lang-en .menu-item-info p,
html.lang-en address,
html[lang="en"] p,
html[lang="en"] label {
  font-family: var(--font-en) !important;
  font-weight: 400 !important;
}

/* Hero brand: Latin display in English */
html.lang-en .hero-title-impasto,
html[lang="en"] .hero-title-impasto {
  font-family: var(--font-en) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
}

html.lang-en .ig-title-text,
html.lang-en .ig-title-subtitle {
  font-family: var(--font-en) !important;
  word-spacing: normal !important;
  letter-spacing: 0.04em !important;
}

html.lang-en .ig-animated-title,
html.lang-en .ig-title-container {
  direction: ltr;
}

/* Layout mirrors for LTR */
html.lang-en .hero-content-container,
html.lang-en .hero-content-container p,
html.lang-en .hero-content-container h1 {
  text-align: left !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html.lang-en body {
  text-align: left;
}

html.lang-en .zc-clone-drawer,
html.lang-en .zc-clone-body,
html.lang-en #zcDrawer {
  text-align: left;
  direction: ltr;
}

html.lang-en .overlay-content-container {
  direction: ltr;
}

/* Language switcher */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-inline: 0;
  border: 1px solid rgba(197, 88, 39, 0.45);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(8px);
  z-index: 6;
  flex-shrink: 0;
}

.lang-switcher .lang-btn {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(239, 229, 210, 0.75);
  font-size: 0.78rem;
  line-height: 1;
  padding: 8px 11px;
  cursor: pointer;
  min-width: 36px;
  transition: background 0.2s ease, color 0.2s ease;
  font-family: var(--font-ar);
  font-weight: 700;
}

html.lang-en .lang-switcher .lang-btn {
  font-family: var(--font-en);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.lang-switcher .lang-btn.is-active {
  background: #C55827;
  color: #fff;
}

.lang-switcher .lang-btn:hover:not(.is-active) {
  color: #fff;
  background: rgba(197, 88, 39, 0.25);
}

@media (max-width: 576px) {
  .lang-switcher .lang-btn {
    padding: 7px 9px;
    min-width: 32px;
    font-size: 0.72rem;
  }
}

/* Extra LTR layout adjustments */
html.lang-en .menu-item-info,
html.lang-en .story-text,
html.lang-en .glass-contact-section,
html.lang-en .zc-clone-form,
html.lang-en .reservation-addon-options {
  text-align: left;
  direction: ltr;
}

html.lang-en .featured-menu,
html.lang-en .booking-teaser__inner {
  direction: ltr;
}

html.lang-en #header .navbar {
  direction: ltr;
}

html.lang-en .custom-logo-link {
  margin-left: 0 !important;
  margin-right: auto;
}

html.lang-en .ig-title-icon {
  margin-right: 0;
  margin-left: 15px;
}

/* Override page-level Cairo / RTL inline rules */

html.lang-en .menu-categories,
html.lang-en .menu-subcategories,
html.lang-en .menu-items-list,
html.lang-en .menu-item-card,
html.lang-en .category-section-title,
html.lang-en .subcategory-section-title {
  direction: ltr;
  text-align: left;
}

html.lang-en .featured-menu-title {
  text-align: left !important;
}