/*
 * RTL / Arabic layout helpers (separate from styles.css & English markup).
 */

/* Arabic UI typeface — Cairo first, Noto Sans Arabic fallback */
html[dir="rtl"] #rac-i18n-root,
html:lang(ar) #rac-i18n-root,
body.rac-rtl #rac-i18n-root {
  font-family: "Cairo", "Noto Sans Arabic", sans-serif;
  font-optical-sizing: auto;
}

/* Base size for Arabic / RTL — matches 15px root for all rem-based utilities */
html[dir="rtl"],
html:lang(ar) {
  font-size: 15px !important;
}

/* Hero slider weights (inherits font stack above) */
html[dir="rtl"] #hero .container.max-w-5xl h1 {
  font-weight: 800;
  letter-spacing: 0;
}
html[dir="rtl"] #hero .container.max-w-5xl h2 {
  font-weight: 700;
  letter-spacing: 0.02em;
}
html[dir="rtl"] #hero .container.max-w-5xl .text-muted-foreground,
html[dir="rtl"] #hero .container.max-w-5xl p.text-base {
  font-weight: 400;
  line-height: 1.75;
}

html[dir="rtl"] .hero-progress-fill {
  left: auto;
  right: 0;
}

html[dir="rtl"] #hero .max-w-5xl.text-left {
  text-align: right;
}

html[dir="rtl"] .text-left {
  text-align: right;
}
html[dir="rtl"] .text-right {
  text-align: left;
}

/* Arabic: main + mobile menu labels — use .menu-ar on anchors (see index.html) */
html[dir="rtl"] .menu-ar,
html:lang(ar) .menu-ar,
body.rac-rtl .menu-ar {
  font-size: 14px !important;
  line-height: 1.25 !important;
}

/* Footer — RTL column order: brand | contact | links (visual: right → left) */
html[dir="rtl"] .rac-footer {
  direction: rtl;
  text-align: right;
  background-color: #f8f8f8;
}

html[dir="rtl"] .rac-footer .grid {
  direction: rtl;
}

html[dir="rtl"] .rac-footer .grid > div {
  text-align: right;
}

html[dir="rtl"] .rac-footer .js-section-nav {
  text-align: right;
}

/* Keep legal strip centered like EN */
html[dir="rtl"] .rac-footer .border-t.text-center {
  text-align: center;
}

/* ——— Mobile menu: sheet slides from below fixed header ——— */
.rac-mobile-menu:not(.is-open) {
  pointer-events: none !important;
}

.rac-mobile-menu.is-open {
  pointer-events: auto !important;
}

.rac-mobile-menu .rac-mobile-menu__sheet {
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
}

.rac-mobile-menu__link {
  display: block;
  padding: 0.9375rem 0;
  text-align: start;
  transition: color 0.15s ease;
  font-size: 0.875rem;
  line-height: 1.25;
}

/* Removed drawer-only header/controls (main site header + X used instead) */