/* ===================================== RTL Support (Arabic) Apply only when ===================================== */ [dir="rtl"] { direction: rtl; text-align: right; } /* Generic reversals for spacing and alignment */ [dir="rtl"] .navbar .nav-link { margin-left: 8px; margin-right: 0; } [dir="rtl"] .navbar .btn-download i { margin-left: 5px; margin-right: 0; } [dir="rtl"] .hero { text-align: right; } [dir="rtl"] .hero .store-buttons img { margin-left: 10px; margin-right: 0; } [dir="rtl"] .feature-box, [dir="rtl"] .library-feature, [dir="rtl"] .contact-item { text-align: right; } /* Reverse icon + text order in items */ [dir="rtl"] .contact-item i { margin-left: 10px; margin-right: 0; } /* Ensure form fields and placeholders align right */ [dir="rtl"] .form-control { text-align: right; } /* Reverse button hover shadow direction (optional) */ [dir="rtl"] .btn-send:hover { transform: translateY(-2px) translateX(-2px); } /* Adjust footer link spacing */ [dir="rtl"] footer a { margin-right: 10px; margin-left: 0; }