/* ============================================================ doublesixOS — Urdu RTL Stylesheet Activated when is set ============================================================ */ [lang="ur"] { direction: rtl; font-family: var(--font-urdu); letter-spacing: 0; word-spacing: 0.05em; } /* ── Typography adjustments for Nastaliq ── */ [lang="ur"] h1, [lang="ur"] h2, [lang="ur"] h3, [lang="ur"] h4, [lang="ur"] .hero-title, [lang="ur"] .section-title, [lang="ur"] .display-xl, [lang="ur"] .display-lg { font-family: var(--font-urdu); line-height: 2; letter-spacing: 0; } [lang="ur"] p, [lang="ur"] .body-md, [lang="ur"] .body-lg, [lang="ur"] .body-sm { line-height: 2.2; } /* ── Layout flips ── */ [lang="ur"] .navbar-inner { flex-direction: row-reverse; } [lang="ur"] .navbar-logo { flex-direction: row-reverse; } [lang="ur"] .nav-links { flex-direction: row-reverse; } [lang="ur"] .nav-actions { flex-direction: row-reverse; } [lang="ur"] .hero-inner { direction: rtl; } [lang="ur"] .hero-content { text-align: right; } [lang="ur"] .hero-cta { flex-direction: row-reverse; justify-content: flex-end; } [lang="ur"] .hero-stats { flex-direction: row-reverse; } [lang="ur"] .hero-eyebrow { flex-direction: row-reverse; } [lang="ur"] .section-header { text-align: right; } [lang="ur"] .section-eyebrow { flex-direction: row-reverse; } [lang="ur"] .feature-card { text-align: right; } [lang="ur"] .feature-tag { flex-direction: row-reverse; } [lang="ur"] .problem-card { text-align: right; } [lang="ur"] .step-card { text-align: right; } [lang="ur"] .testimonial-author { flex-direction: row-reverse; } [lang="ur"] .pricing-feature { flex-direction: row-reverse; text-align: right; } [lang="ur"] .faq-question { flex-direction: row-reverse; text-align: right; } [lang="ur"] .faq-answer-inner { text-align: right; } [lang="ur"] .footer-main { direction: rtl; } [lang="ur"] .footer-contact-item{ flex-direction: row-reverse; } /* ── Form fields ── */ [lang="ur"] input, [lang="ur"] textarea, [lang="ur"] select { text-align: right; font-family: var(--font-urdu); direction: rtl; } [lang="ur"] .form-label { text-align: right; } [lang="ur"] .form-group { text-align: right; } /* ── Auth pages ── */ [lang="ur"] .auth-form { direction: rtl; } [lang="ur"] .input-icon-left { left: auto; right: 1rem; } [lang="ur"] .input-icon-right { right: auto; left: 1rem; } [lang="ur"] .input-with-icon { padding-left: 1rem; padding-right: 3rem; } /* ── Dashboard ── */ [lang="ur"] .sidebar { right: 0; left: auto; border-right: none; border-left: 1px solid var(--border-light); } [lang="ur"] .main-content { margin-left: 0; margin-right: var(--sidebar-width); } [lang="ur"] .sidebar-nav-item { flex-direction: row-reverse; } [lang="ur"] .stat-card { text-align: right; } [lang="ur"] .stat-icon { margin-left: 0; margin-right: auto; } /* ── Tables ── */ [lang="ur"] .data-table th, [lang="ur"] .data-table td { text-align: right; } /* ── Comparison table ── */ [lang="ur"] .comparison-header, [lang="ur"] .comparison-row { direction: rtl; } [lang="ur"] .comparison-cell.feature-name { justify-content: flex-end; } /* ── Mobile menu ── */ [lang="ur"] .mobile-menu { text-align: right; } [lang="ur"] .mobile-nav-link { text-align: right; } /* ── Badges ── */ [lang="ur"] .badge { flex-direction: row-reverse; } /* ── Buttons ── */ [lang="ur"] .btn { flex-direction: row-reverse; } /* ── Utility: force LTR for numbers and codes ── */ [lang="ur"] .ltr-force, [lang="ur"] .price-number, [lang="ur"] .stat-number, [lang="ur"] .badge-number { direction: ltr; display: inline-block; }