/* ═══════════════════════════════════════════════════════════════
   RentHub — RTL overrides for Arabic (dir="rtl")
═══════════════════════════════════════════════════════════════ */

/* Base */
body { font-family: var(--font-ar); }
h1, h2, h3, h4, p, span, li, a, label { letter-spacing: 0; }

/* Container */
.container { direction: rtl; }

/* Nav */
.nav-links { margin-left: 0; margin-right: auto; }
.nav-right  { margin-left: 0; margin-right: 0; }
.nav-toggle { margin-left: 0; margin-right: auto; }

/* Hero */
.hero-content { align-items: flex-start; }
.hero-cta     { flex-direction: row-reverse; justify-content: flex-end; }
.hero-social-proof { flex-direction: row-reverse; }
.avatar:first-child { margin-right: 0; }
.avatar { margin-left: 0; margin-right: -10px; }
.avatar:first-child { margin-right: 0; }

.mockup-window { transform: perspective(900px) rotateY(4deg); }
.hero-mockup:hover .mockup-window { transform: perspective(900px) rotateY(1deg); }

.card-top    { right: auto; left: -1rem; }
.card-bottom { left: auto; right: -1rem; }

/* Stats */
.stats-list { flex-direction: row-reverse; }

/* Pain points */
.pain-list li { flex-direction: row-reverse; text-align: right; }
.pain-stat-card { right: auto; left: -1rem; }

/* Features */
.feat-card { text-align: right; }

/* How it works */
.steps-row { flex-direction: row-reverse; }
.step-arrow { transform: rotate(180deg); }
.step-item  { text-align: right; }

/* Testimonials */
.testi-card footer { flex-direction: row-reverse; }

/* Pricing */
.plan-features li { padding-left: 0; padding-right: 1.5rem; }
.plan-features li.yes::before { left: auto; right: 0; }
.plan-features li.no::before  { left: auto; right: 0; }

/* CTA */
.cta-inner { text-align: right; }

/* Contact */
.contact-list li { flex-direction: row-reverse; }
.form-group label { text-align: right; }
.contact-success { direction: rtl; }

/* Footer */
.footer-inner { direction: rtl; }
.footer-brand .nav-logo { flex-direction: row-reverse; }
.footer-nav { direction: rtl; }
.footer-col ul { text-align: right; }

/* Mockup sidebar items */
.m-sidebar { text-align: right; }
.m-fleet-row { flex-direction: row-reverse; }
.m-fleet-row strong { margin-left: 0; margin-right: auto; }

/* Form rows */
.form-group input,
.form-group textarea { direction: rtl; text-align: right; }

/* Section tags (inline text) */
.section-tag,
.hero-badge { direction: rtl; }

/* Buttons */
.btn { flex-direction: row-reverse; }
