/* ========================================================= LTR overrides for English language. Loaded only when . Keeps the existing RTL design but flips alignment for LTR. ========================================================= */ html[dir="ltr"] body { font-family: 'Inter', 'Segoe UI', 'Cairo', system-ui, -apple-system, sans-serif; text-align: left; } /* Navbar tweaks */ html[dir="ltr"] .navbar-nav.me-auto { margin-right: 0 !important; margin-left: auto !important; } html[dir="ltr"] .nav-link { text-align: left; } html[dir="ltr"] .nav-link i, html[dir="ltr"] .btn i, html[dir="ltr"] .user-menu-item i, html[dir="ltr"] .contact-item i, html[dir="ltr"] .top-bar-item i { margin-right: 0.4rem; margin-left: 0; } html[dir="ltr"] .user-menu-dropdown { right: auto !important; left: 0 !important; } html[dir="ltr"] .footer-title::after { right: auto; left: 0; } html[dir="ltr"] .footer-section { text-align: left; } html[dir="ltr"] .contact-item { justify-content: flex-start; } html[dir="ltr"] .icon-wrapper { margin-right: 0.6rem; margin-left: 0; } /* Back to top button: keep on the right for LTR */ html[dir="ltr"] .back-to-top { left: auto; right: 25px; } /* Form helpers */ html[dir="ltr"] .form-control, html[dir="ltr"] .form-select { text-align: left; } /* Input groups: search bar etc. */ html[dir="ltr"] .input-group .btn-search, html[dir="ltr"] .input-group .btn { border-radius: 0 12px 12px 0 !important; } html[dir="ltr"] .input-group .form-control { border-radius: 12px 0 0 12px !important; } /* Hero banners */ html[dir="ltr"] .hero-section, html[dir="ltr"] .page-header, html[dir="ltr"] .section-title { text-align: left; } /* Cart / checkout */ html[dir="ltr"] .cart-item, html[dir="ltr"] .checkout-summary, html[dir="ltr"] .order-summary { text-align: left; } /* Product card text alignment */ html[dir="ltr"] .product-card, html[dir="ltr"] .product-info, html[dir="ltr"] .product-title, html[dir="ltr"] .product-price { text-align: left; } /* Currency badge: ensure ltr digits */ html[dir="ltr"] .price, html[dir="ltr"] .product-price { direction: ltr; } /* Top bar */ html[dir="ltr"] .top-bar-info { flex-direction: row; } /* Sidebar filter alignment */ html[dir="ltr"] .filter-sidebar, html[dir="ltr"] .filters-section { text-align: left; }