/* ============================================================
   Railsys — LTR landing overrides (English & Russian) — 14/09/2026
   The EN/RU pages reuse landing.css (flex/grid + logical props
   mirror automatically under dir=ltr). This layer only:
     1. swaps the Persian-first font stack for a Latin/Cyrillic system stack,
     2. tunes line-heights for EN/RU text,
     3. fixes the few physical-direction rules (hero globe, drawer).
   Bump ?v= whenever this file changes (Cloudflare caches 4h).
   ============================================================ */

/* ---------- Latin/Cyrillic font stack (no Vazirmatn for EN/RU copy) ----------
   NB: the Tailwind base in app.css is `html body { font-family: Public Sans }`,
   which outranks a plain `body` rule — so these overrides repeat `html body`. */
html body {
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
  line-height: 1.75;
  color: var(--ink);
}
.brand-word,
.mail-line,
.mod-code {
  font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
}
h1, h2, h3, .btn, .kicker, input, select, button {
  font-family: inherit;
}

/* Latin line-heights read tighter than Persian */
.hero-lead,
.sec-head .lead,
.why-card p,
.mod-card p,
.plat-card p,
.plat-note,
.bale-lead,
.bale-points,
.footer-brand p,
.cta-panel p,
.reg-sub,
.reg-alert {
  line-height: 1.7;
}

/* ---------- Hero sub-heading (replaces the Persian two-line block) ---------- */
.h1-sub {
  display: block;
  margin-top: 0.8rem;
  max-width: 46rem;
  font-size: clamp(1.6rem, 3.4vw, 2.35rem);
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--ink);
}

/* ---------- Rotating globe sits on the left in LTR ---------- */
.hero-globe {
  right: auto;
  left: -3%;
}

/* ---------- Mobile drawer slides from the left in LTR ---------- */
.site-drawer {
  right: auto;
  left: 0;
  transform: translateX(-100%);
  border-inline-end: 1px solid var(--card-border);
  border-inline-start: 0;
}
.site-drawer.open { transform: translateX(0); }
.drawer-nav a { padding-right: 0.6rem; }