/* ============================================================
   YOUTAB · RTL OVERRIDES (Farsi)
   Loaded only on /fa/* pages. Mirrors directional layout while
   preserving the cyberpunk visual identity. Headings stay LTR
   for "Youtab" branding consistency.
   ============================================================ */

html[dir="rtl"] body {
  font-family: 'Vazirmatn', 'Rajdhani', system-ui, sans-serif;
}

/* Persian-friendly fallback font for headings */
html[dir="rtl"] .section-title,
html[dir="rtl"] .voice-quote,
html[dir="rtl"] .cta-title,
html[dir="rtl"] .hero-tagline {
  font-family: 'Vazirmatn', 'Syncopate', sans-serif;
  letter-spacing: 0;
}

/* Logos / acronyms stay Latin and LTR */
.nav-logo,
.footer-logo,
.hero-title,
.marquee-item,
.section-tag,
.feature-num,
.tier-name,
.agent-title,
.tl-phase,
.terminal { direction: ltr; unicode-bidi: isolate; }

html[dir="rtl"] .hero-title { direction: ltr; }

/* Mirror grid/flex direction where meaningful */
html[dir="rtl"] .nav-links a::after { left: auto; right: 0; }
html[dir="rtl"] .feature-num { right: auto; left: 1.8rem; }
html[dir="rtl"] .feature-card::before { left: auto; right: 0; }
html[dir="rtl"] .tier:hover { padding-left: 0; padding-right: 0.5rem; }
html[dir="rtl"] .tier-badge { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .tl-items { border-left: none; border-right: 1px solid var(--border); padding-left: 0; padding-right: 3rem; }
html[dir="rtl"] .tl-item::before { left: auto; right: -3.35rem; }
html[dir="rtl"] .btn-ghost::after { content: '←'; }
html[dir="rtl"] .btn-ghost:hover::after { transform: translateX(-4px); }
html[dir="rtl"] .contact-list li { border-left: none; border-right: 2px solid var(--cyan); }

/* Marquee continues to roll the same direction visually */
html[dir="rtl"] .marquee-track { animation-direction: reverse; }

/* Form fields should appear in Persian numerals/labels naturally */
html[dir="rtl"] .form input,
html[dir="rtl"] .form textarea,
html[dir="rtl"] .form select {
  font-family: 'Vazirmatn', 'Share Tech Mono', monospace;
  text-align: right;
}