/* ============================================================
   Valden Yacht — rtl.css
   Arabic (ar) and Persian (fa) overrides.
   Loaded after main.css; activates when html[dir="rtl"].
   ============================================================ */

html[dir="rtl"] body {
  font-family: var(--font-arabic);
}
html[lang="fa"] body {
  font-family: var(--font-persian);
}

/* ---- General logical flips ---- */
html[dir="rtl"] .hero-ctas,
html[dir="rtl"] .hero-badges {
  direction: rtl;
}

/* Floating contact — flip to bottom-left */
html[dir="rtl"] .floating-contact {
  inset-inline-end: auto;
  inset-inline-start: clamp(16px, 4vw, 28px);
}
html[dir="rtl"] .floating-contact .fc-menu {
  transform-origin: 0 100%;
}

/* Footer columns reading order */
html[dir="rtl"] .site-footer .grid {
  direction: rtl;
}

/* Nav: keep logo on the left logically (start side) — already inline-start */
html[dir="rtl"] .nav-wrap {
  direction: rtl;
}

/* Routes section: SVG path doesn't auto-flip — mirror the SVG */
html[dir="rtl"] .routes svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .routes svg text {
  transform: scaleX(-1);
  transform-origin: center;
}

/* Hamburger menu — open from start side (which is right in RTL) */
html[dir="rtl"] .nav-wrap .mobile-menu,
html[dir="rtl"] .nav-wrap .nav-panel {
  inset-inline-start: 0;
  inset-inline-end: auto;
  transform-origin: 100% 0;
}

/* Lang switcher button order — visual flow already follows direction */
html[dir="rtl"] .lang-btn { letter-spacing: 0; }

/* Eyebrow letter-spacing softened in RTL (no uppercase for AR/FA) */
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .col-label,
html[dir="rtl"] .photo-caption,
html[dir="rtl"] .spec-card .spec-label {
  text-transform: none;
  letter-spacing: 0;
}

/* Numerals — keep Latin numerals (English style) for prices, phones */
html[dir="rtl"] .site-footer .phones .num,
html[dir="rtl"] .spec-card .spec-value {
  direction: ltr;
  unicode-bidi: bidi-override;
}

/* Gradient direction flips: linear-gradient(135deg ...) is mirrored in RTL where applicable */
html[dir="rtl"] .cta-band {
  background: linear-gradient(225deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)) 0%, var(--color-surface) 70%);
}

/* Persian (fa) tweaks — Vazirmatn has slightly tighter line-height baseline */
html[lang="fa"] {
  line-height: 1.75;
}
html[lang="fa"] h1,
html[lang="fa"] h2,
html[lang="fa"] h3 {
  line-height: 1.4;
}

/* Arabic (ar) — Plex Sans Arabic */
html[lang="ar"] {
  line-height: 1.8;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3 {
  line-height: 1.35;
}

/* Mouse halo position flip not needed — uses --mx/--my from raw event pos */