/* ============================================================= SAHWA QR MENU — RTL Overrides for Arabic Language Applied only when is present ============================================================= */ body.lang-ar { font-family: 'Cairo', sans-serif; direction: rtl; text-align: right; } /* Header */ body.lang-ar .header-search input { padding-left: 14px; padding-right: 36px; } body.lang-ar .header-search .search-icon { left: auto; right: 12px; } /* Category tabs */ body.lang-ar .categories-scroll { flex-direction: row-reverse; } /* Product badge */ body.lang-ar .product-badge { left: auto; right: 8px; } /* Cart drawer slides from left in RTL */ body.lang-ar .cart-drawer { right: auto; left: 0; transform: translateX(-100%); box-shadow: 8px 0 40px rgba(0,0,0,.2); } body.lang-ar .cart-drawer.open { transform: translateX(0); } /* Search highlight border */ body.lang-ar .search-results-label { border-left: none; border-right: 3px solid var(--primary); padding-left: 12px; padding-right: 12px; } /* Section title indicator bar */ body.lang-ar .section-title::before { margin-right: 0; margin-left: 4px; } /* Cart item alignment */ body.lang-ar .cart-item { flex-direction: row-reverse; text-align: right; } body.lang-ar .cart-item-info { text-align: right; } /* Quantity display */ body.lang-ar .qty-control { flex-direction: row-reverse; } /* Price in product card */ body.lang-ar .product-footer { flex-direction: row-reverse; } /* Bootstrap overrides for RTL */ body.lang-ar .ms-auto { margin-right: auto !important; margin-left: 0 !important; } body.lang-ar .me-auto { margin-left: auto !important; margin-right: 0 !important; } body.lang-ar .text-start { text-align: right !important; } body.lang-ar .text-end { text-align: left !important; } body.lang-ar .float-start { float: right !important; } body.lang-ar .float-end { float: left !important; } /* Input placeholder alignment */ body.lang-ar input::placeholder, body.lang-ar textarea::placeholder { text-align: right; } /* Admin RTL overrides */ body.lang-ar .admin-sidebar { left: auto; right: 0; } body.lang-ar .admin-main { margin-left: 0; margin-right: 260px; } body.lang-ar .breadcrumb-item + .breadcrumb-item::before { content: '\\'; }