/* ============================================================ KASU DRIVING ACADEMY — RTL Stylesheet rtl.css ============================================================ */ /* RTL is activated when has dir="rtl" */ /* ── Global Flip ─────────────────────────────────────── */ [dir="rtl"] body { direction: rtl; text-align: right; } /* ── Header ──────────────────────────────────────────── */ [dir="rtl"] .header__inner { flex-direction: row-reverse; } [dir="rtl"] .header__logo { flex-direction: row-reverse; } [dir="rtl"] .header__nav { flex-direction: row-reverse; } [dir="rtl"] .header__controls { flex-direction: row-reverse; } [dir="rtl"] .logo-text { text-align: right; } /* ── Mobile Menu ─────────────────────────────────────── */ [dir="rtl"] .mobile-menu__nav { direction: rtl; } [dir="rtl"] .mobile-nav__link { flex-direction: row-reverse; } [dir="rtl"] .mobile-menu__controls { flex-direction: row-reverse; } /* ── Hero Section ────────────────────────────────────── */ [dir="rtl"] .hero__inner { direction: rtl; } [dir="rtl"] .hero__content { text-align: right; } [dir="rtl"] .hero__actions { flex-direction: row-reverse; justify-content: flex-start; } [dir="rtl"] .hero__trust { flex-direction: row-reverse; } [dir="rtl"] .hero__tag { flex-direction: row-reverse; } [dir="rtl"] .trust-item { flex-direction: row-reverse; } [dir="rtl"] .btn .arrow { transform: scaleX(-1); } [dir="rtl"] .btn:hover .arrow { transform: scaleX(-1) translateX(-4px); } /* Float Badges */ [dir="rtl"] .hero-badge--top-left { left: auto; right: -24px; } [dir="rtl"] .hero-badge--bottom-right { right: auto; left: -24px; } [dir="rtl"] .hero-badge--top-right { right: auto; left: -20px; } [dir="rtl"] .hero-badge { flex-direction: row-reverse; } /* ── Section Headers ─────────────────────────────────── */ [dir="rtl"] .section-header { direction: rtl; text-align: right; } [dir="rtl"] .section-header--center { text-align: center; } [dir="rtl"] .section-tag { flex-direction: row-reverse; } /* ── Feature Cards ───────────────────────────────────── */ [dir="rtl"] .feature-card { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .feature-card::before { transform-origin: right; } /* ── Course Cards ────────────────────────────────────── */ [dir="rtl"] .course-card { direction: rtl; } [dir="rtl"] .course-card__features { direction: rtl; } [dir="rtl"] .course-feature { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .course-card__cta { flex-direction: row-reverse; } [dir="rtl"] .course-card__cta svg { transform: scaleX(-1); } /* ── How It Works ────────────────────────────────────── */ [dir="rtl"] .how-it-works__grid::before { background: linear-gradient(270deg, var(--clr-primary), var(--clr-accent)); } /* ── Progress Preview / Dashboard ────────────────────── */ [dir="rtl"] .progress-preview__inner { direction: rtl; } [dir="rtl"] .progress-preview__content { text-align: right; } [dir="rtl"] .dashboard-mockup { direction: rtl; } [dir="rtl"] .db-header { flex-direction: row-reverse; } [dir="rtl"] .db-progress-section { flex-direction: row-reverse; } [dir="rtl"] .db-info-card { text-align: right; } [dir="rtl"] .topbar-title { margin-right: 10px; margin-left: 0; } [dir="rtl"] .dashboard-mockup__topbar { flex-direction: row-reverse; } /* ── Instructors ─────────────────────────────────────── */ [dir="rtl"] .instructors-preview__top { flex-direction: row-reverse; } [dir="rtl"] .instructor-card__body { text-align: right; } [dir="rtl"] .instructor-card__meta { flex-direction: row-reverse; } /* ── Testimonials ────────────────────────────────────── */ [dir="rtl"] .testimonial-card { direction: rtl; text-align: right; } [dir="rtl"] .testimonial-card__footer { flex-direction: row-reverse; } /* ── Footer ──────────────────────────────────────────── */ [dir="rtl"] .footer__top { direction: rtl; } [dir="rtl"] .footer__brand-logo { flex-direction: row-reverse; } [dir="rtl"] .footer__brand-desc { text-align: right; } [dir="rtl"] .footer__col-title { text-align: right; } [dir="rtl"] .footer__links { text-align: right; } [dir="rtl"] .footer__contact-item { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .footer__socials { flex-direction: row-reverse; } [dir="rtl"] .footer__bottom { flex-direction: row-reverse; } [dir="rtl"] .footer__legal { flex-direction: row-reverse; } /* ── Stat Items ──────────────────────────────────────── */ [dir="rtl"] .stat-item { direction: rtl; } /* ── CTA Section ─────────────────────────────────────── */ [dir="rtl"] .cta-section__actions { flex-direction: row-reverse; } [dir="rtl"] .progress-preview__cta-group { flex-direction: row-reverse; } /* ── Mobile RTL Corrections ──────────────────────────── */ @media (max-width: 1024px) { [dir="rtl"] .hero__inner { direction: rtl; } [dir="rtl"] .hero__actions { justify-content: center; } [dir="rtl"] .hero__trust { justify-content: center; } [dir="rtl"] .hero__content { text-align: center; } [dir="rtl"] .hero__tag { justify-content: center; } } @media (max-width: 425px) { [dir="rtl"] .hero__actions { align-items: center; } } /* ── Inner Pages RTL Support ───────────────────────────── */ [dir="rtl"] .breadcrumb { flex-direction: row-reverse; } [dir="rtl"] .intro-split { direction: rtl; } [dir="rtl"] .intro-split__content { text-align: right; } [dir="rtl"] .checklist-item { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .level-card, [dir="rtl"] .approach-card, [dir="rtl"] .vehicle-card__body, [dir="rtl"] .pricing-card { text-align: right; direction: rtl; } [dir="rtl"] .level-card__tag { align-self: flex-start; } [dir="rtl"] .level-card__skills, [dir="rtl"] .vehicle-card__specs { flex-direction: row-reverse; } [dir="rtl"] .vehicle-checklist-item, [dir="rtl"] .pricing-feature-item { flex-direction: row-reverse; } [dir="rtl"] .pricing-card__price { flex-direction: row-reverse; justify-content: flex-end; } [dir="rtl"] .vehicle-card__badge { left: auto; right: 16px; } [dir="rtl"] .approach-card::before { transform-origin: right; } [dir="rtl"] .faq-trigger { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .faq-content { text-align: right; } [dir="rtl"] .compare-table { text-align: right; } [dir="rtl"] .dash-topbar { flex-direction: row-reverse; } [dir="rtl"] .dash-greeting { text-align: right; } [dir="rtl"] .dash-user-controls { flex-direction: row-reverse; } [dir="rtl"] .user-profile-pill { flex-direction: row-reverse; padding: 6px 6px 6px 14px; } [dir="rtl"] .dash-stat-box { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .license-progress-head { flex-direction: row-reverse; } [dir="rtl"] .milestones-track { flex-direction: row-reverse; } [dir="rtl"] .milestones-track__fill { left: auto; right: 30px; } [dir="rtl"] .booking-card, [dir="rtl"] .dash-panel { text-align: right; direction: rtl; } [dir="rtl"] .dash-panel__head { flex-direction: row-reverse; } [dir="rtl"] .lesson-time-banner { flex-direction: row-reverse; } [dir="rtl"] .lesson-meta-item { text-align: right; } [dir="rtl"] .auth-split-wrap { direction: rtl; } [dir="rtl"] .auth-card { text-align: right; } [dir="rtl"] .auth-side-visual { text-align: right; } [dir="rtl"] .auth-benefit-item { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .password-toggle-btn { right: auto; left: 12px; } [dir="rtl"] .form-check { flex-direction: row-reverse; justify-content: flex-end; } [dir="rtl"] .notify-form { flex-direction: row-reverse; }