/* Right-to-left corrections, plus the language switcher.
 * ---------------------------------------------------------------------------
 * styles.css has only eleven direction-aware rules in 623 lines, so this is a
 * short override rather than a second stylesheet. Loaded on BOTH sides: the
 * English pages need the switcher button, and everything under [dir="rtl"]
 * simply never matches there.
 */

/* ---------- the switcher ---------- */
.nav__lang {
  font-size: 13px;
  letter-spacing: .02em;
  padding: 7px 11px;
  border: 1px solid var(--line, #D8DAE0);
  border-radius: 7px;
  white-space: nowrap;
}
.nav__lang:hover { border-color: var(--ink, #14151A); }

/* ---------- Arabic typography ---------- */
/* Inter has no Arabic coverage, so the browser would fall back to something
   arbitrary and usually ugly. These are the faces actually installed on Windows,
   macOS, Android and iOS, in that order. */
[dir="rtl"] body,
[dir="rtl"] .nav,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea {
  font-family: "Segoe UI", "Geeza Pro", "Noto Naskh Arabic", "Droid Arabic Naskh",
               Tahoma, system-ui, sans-serif;
}
/* Arabic script sits lower and needs more room between lines than Latin. */
[dir="rtl"] p,
[dir="rtl"] li { line-height: 1.85; }
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3 { line-height: 1.5; letter-spacing: 0; }

/* Prices, dates and phone numbers stay left-to-right inside Arabic prose,
   otherwise "1,750 EGP" renders as "EGP 1,750" or worse. */
[dir="rtl"] .mono,
[dir="rtl"] .val,
[dir="rtl"] time { direction: ltr; unicode-bidi: embed; display: inline-block; }

/* ---------- the eleven directional rules, mirrored ---------- */
[dir="rtl"] .nav__cta { margin-left: 0; margin-right: 8px; }
[dir="rtl"] .receipt__row .v { text-align: left; }
@media (max-width: 640px) {
  [dir="rtl"] .receipt__row .v { text-align: right; }
}
[dir="rtl"] .quote {
  border-left: 0;
  border-right: 2px solid var(--blue);
  padding: 6px 28px 6px 0;
}
[dir="rtl"] .pwwrap input { padding-right: 14px; padding-left: 62px; }
[dir="rtl"] .legal ul { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .note { border-left: 0; border-right: 2px solid var(--blue); }