/* ============================================================ OmniMart Storefront — RTL Overrides (Arabic, Hebrew, Farsi) IMPORTANT: automatically reverses flex and grid layouts. Do NOT add flex-direction:row-reverse as that would double-reverse back to LTR order. ============================================================ */ body{direction:rtl;text-align:right} /* Owl Carousel must remain LTR for proper slide direction */ .owl-carousel{direction:ltr!important} /* ===== HEADER TOOLBAR (ROW 2) ===== */ .toolbar-item .count-label{left:auto;right:20px} .search-box .categoris{border-right:none;border-left:1px solid var(--c-border)} .search-box .input-group-btn{right:auto;left:0} /* ===== NAVBAR (ROW 3) ===== */ /* dir=rtl already reverses flex — just ensure proper alignment */ .site-menu ul{justify-content:flex-start} /* Category dropdown text alignment */ .category-list{text-align:right} .category-list .navi-link i{margin-inline-start:0;margin-inline-end:auto} /* ===== PRODUCT CARDS ===== */ /* Button group uses left:0;right:0;justify-content:center — direction-neutral, no override needed */ /* Badges already use [dir="rtl"] selectors in omnimart.css */ /* ===== PRODUCT DETAIL PAGE ===== */ .pd-summary{text-align:right} .pd-vg-label{text-align:right} .pd-ship-item{text-align:right} .pd-ship-item svg{flex-shrink:0} /* ===== FOOTER ===== */ .site-footer{text-align:right} /* ===== OWL CAROUSEL NAV ===== */ .owl-carousel .owl-prev{margin-left:0;margin-right:-12px} .owl-carousel .owl-next{margin-right:0;margin-left:-12px} /* ===== FORMS ===== */ .sf-label{text-align:right} .sf-input,.sf-select,select.sf-input{text-align:right} /* ===== AUTH PAGES ===== */ .auth-card{text-align:right} .auth-fg{text-align:right} .acc-nav{direction:rtl} .od-back svg{transform:rotate(180deg)} /* ===== MOBILE MENU ===== */ .mobile-menu.rtl .slideable-menu{text-align:right} .mobile-menu.rtl .mm-heading-area{flex-direction:row-reverse} /* ===== FLOATING ELEMENTS ===== */ /* scroll-to-top uses inset-inline-end in omnimart.css */ .wa-float{right:auto;left:24px} /* ===== BREADCRUMB ===== */ .breadcrumb-separator{transform:rotate(180deg)} /* ===== CHECKOUT ===== */ .co-section h3{text-align:right} .co-err{text-align:right} /* ===== TABLES ===== */ table th:first-child,table td:first-child{text-align:right} /* ===== DROPDOWN MENUS ===== */ /* user-dropdown handled by [dir="rtl"] selector in omnimart.css */ /* ===== INPUT GROUPS ===== */ .input-group .input-group-btn{right:auto;left:10px} .input-group .input-group-btn ~ .form-control{padding-left:38px;padding-right:18px} /* ===== ICONS ===== */ .icon-chevron-right{transform:rotate(180deg)} .icon-chevron-left{transform:rotate(180deg)} /* ===== MOBILE RESPONSIVE ===== */ /* close-m-serch handled by margin-inline-start in responsive.css */