/** * TransGlobal Logistics - RTL (Arabic) Stylesheet * Loaded when dir="rtl" is set on */ /* Base direction */ [dir="rtl"] { direction: rtl; text-align: right; } /* Navigation */ [dir="rtl"] .nav-links { flex-direction: row-reverse; } [dir="rtl"] .nav-center { flex-direction: row-reverse; } [dir="rtl"] .logo { flex-direction: row-reverse; } /* Breadcrumb */ [dir="rtl"] .breadcrumb { flex-direction: row-reverse; } [dir="rtl"] .breadcrumb svg { transform: rotate(180deg); } /* Hero */ [dir="rtl"] .hero-content { text-align: right; } [dir="rtl"] .hero-stats { flex-direction: row-reverse; } [dir="rtl"] .hero-cta { flex-direction: row-reverse; } /* Section headers */ [dir="rtl"] .section-header { text-align: right; } [dir="rtl"] .section-tag { flex-direction: row-reverse; } /* Fleet grid */ [dir="rtl"] .fleet-badge { left: auto; right: 1rem; } [dir="rtl"] .fleet-specs { flex-direction: row-reverse; } [dir="rtl"] .spec-item { text-align: right; } [dir="rtl"] .filter-tabs { flex-direction: row-reverse; } /* Routes */ [dir="rtl"] .route-item-header { flex-direction: row-reverse; } [dir="rtl"] .route-stats { flex-direction: row-reverse; } [dir="rtl"] .route-stat { text-align: right; } [dir="rtl"] .interactive-map { direction: rtl; } [dir="rtl"] .map-route-features { text-align: right; } [dir="rtl"] .map-feature { flex-direction: row-reverse; } /* Services */ [dir="rtl"] .service-card { text-align: right; } [dir="rtl"] .service-features li::before { margin-right: 0; margin-left: 0.5rem; } [dir="rtl"] .service-detail-card:nth-child(even) { direction: rtl; } /* Story / About */ [dir="rtl"] .story-container { direction: rtl; } [dir="rtl"] .story-badge { left: auto; right: 2rem; } [dir="rtl"] .highlight-item { flex-direction: row-reverse; } [dir="rtl"] .highlight-text { text-align: right; } /* Values */ [dir="rtl"] .value-card { text-align: right; } /* Timeline */ [dir="rtl"] .timeline::before { left: auto; right: 50%; } [dir="rtl"] .timeline-item:nth-child(odd) .timeline-content { text-align: right; margin-left: auto; margin-right: 0; padding-left: 0; padding-right: 2rem; } [dir="rtl"] .timeline-item:nth-child(even) .timeline-content { text-align: right; margin-right: auto; margin-left: 0; padding-right: 0; padding-left: 2rem; } /* Team */ [dir="rtl"] .team-info { text-align: right; } /* Contact */ [dir="rtl"] .contact-grid { direction: rtl; } [dir="rtl"] .contact-container { direction: rtl; } [dir="rtl"] .info-card { flex-direction: row-reverse; } [dir="rtl"] .info-content { text-align: right; } [dir="rtl"] .form-row { flex-direction: row-reverse; } [dir="rtl"] .form-group label { text-align: right; } [dir="rtl"] .form-group input, [dir="rtl"] .form-group select, [dir="rtl"] .form-group textarea { text-align: right; } [dir="rtl"] .form-checkbox { flex-direction: row-reverse; } [dir="rtl"] .submit-btn { flex-direction: row-reverse; } /* Offices */ [dir="rtl"] .office-detail { flex-direction: row-reverse; } [dir="rtl"] .office-content { text-align: right; } /* Corridor */ [dir="rtl"] .corridor-content { text-align: right; } [dir="rtl"] .corridor-details { flex-direction: row-reverse; } [dir="rtl"] .corridor-detail { flex-direction: row-reverse; } [dir="rtl"] .corridor-badge { left: auto; right: 1rem; } /* FAQ */ [dir="rtl"] .faq-question { flex-direction: row-reverse; } [dir="rtl"] .faq-answer { text-align: right; } /* Footer */ [dir="rtl"] .footer-content { direction: rtl; } [dir="rtl"] .footer-brand { text-align: right; } [dir="rtl"] .footer-col { text-align: right; } [dir="rtl"] .social-links { flex-direction: row-reverse; } /* CTA */ [dir="rtl"] .cta-buttons { flex-direction: row-reverse; } /* Process */ [dir="rtl"] .process-step { text-align: right; } /* Stats */ [dir="rtl"] .stats-bar { flex-direction: row-reverse; } [dir="rtl"] .stats-container { flex-direction: row-reverse; } /* Lang dropdown */ [dir="rtl"] .lang-dropdown-menu { right: auto; left: 0; } [dir="rtl"] .lang-dropdown-item { flex-direction: row-reverse; } [dir="rtl"] .mobile-lang-switcher { flex-direction: row-reverse; } /* Mobile nav */ [dir="rtl"] .mobile-nav ul { text-align: right; } /* Features */ [dir="rtl"] .feature-card { text-align: right; } /* Trust */ [dir="rtl"] .trust-grid { direction: rtl; }