/* ========================================================= SimWebShop Modern Theme — RTL overrides --------------------------------------------------------- Loaded by layouts/modern/header.php only when . Mirrors physical directional rules from layout.css / components.css / pages.css that don't auto-flip. ========================================================= */ /* --------------------------------------------------------- 1) Header / search / nav dropdowns --------------------------------------------------------- */ .mnx-search__category { border-right: none; border-left: 1px solid var(--color-border); } .mnx-nav__dropdown, .mnx-nav > li > .dropdown-menu { left: auto; right: 0; } .mnx-topbar__right .mnx-lang__dropdown { left: 0; right: auto; } .mnx-nav__caret { margin-left: 0; margin-right: 2px; } .mnx-wishlist-btn__badge { right: auto; left: -8px; } /* --------------------------------------------------------- 2) Back-to-top floating button --------------------------------------------------------- */ .sws-to-top { right: auto; left: 24px; } /* --------------------------------------------------------- 3) Hero slider (heroslider/show.tpl) - Arrows swap left/right - Chevron icons mirror visually so existing fa-chevron-left becomes the "next" arrow in RTL semantics. Mirror via scaleX(-1). --------------------------------------------------------- */ .hs2-nav-prev { left: auto; right: 18px; } .hs2-nav-next { right: auto; left: 18px; } .hs2-nav-arrow .fa-chevron-left, .hs2-nav-arrow .fa-chevron-right { transform: scaleX(-1); } .hs2-split-text { padding: 60px 60px 60px 48px; } @media (max-width: 767px) { .hs2-split-text { padding: 36px 24px; } } /* CTA arrow span — mirror → (→) so it points toward the reading direction (left in RTL Arabic). */ .hs2-cta-arrow { display: inline-block; transform: scaleX(-1); } /* CTA arrow ("Shop now →") — the → entity stays visually correct if we mirror the inline-flex arrow span. The current markup uses only ` → ` text. Force gap/alignment unchanged. */ /* --------------------------------------------------------- 4) Product card badges (components.css) Badge top-left → top-right, wishlist heart top-right → top-left to avoid the badge+heart collision risk. --------------------------------------------------------- */ .sws-product-card__badge, .sws-product-card__rank { left: auto; right: 10px; } .sws-product-card__wishlist { right: auto; left: 10px; } .sws-product-card__actions { /* already centered via left:0 + right:0; keeps working */ } /* --------------------------------------------------------- 5) PDP — product detail page --------------------------------------------------------- */ .mnx-pdp__promo-badge { left: auto; right: 14px; } /* --------------------------------------------------------- 6) Newsletter strip — input/button pill Input has border-right:none in LTR (joins to button on right). In RTL the button is on the left, so flip to border-left:none. --------------------------------------------------------- */ .mnx-newsletter-strip__input { border-right: 1.5px solid var(--color-border); border-left: none; } @media (max-width: 640px) { .mnx-newsletter-strip__input { border-right: 1.5px solid var(--color-border); border-left: none; } } /* --------------------------------------------------------- 7) Cart page --------------------------------------------------------- */ .mnx-cart__count { margin-left: 0; margin-right: 8px; } /* --------------------------------------------------------- 8) Login modal --------------------------------------------------------- */ #loginModal .btn-orange { margin-right: 0; margin-left: 12px; } /* --------------------------------------------------------- 9) Blog/article TOC (annonce/page/single.tpl) --------------------------------------------------------- */ .mnx-page-toc__list a { border-left: 0; border-right: 2px solid transparent; padding-left: 12px; padding-right: 28px; } .mnx-page-toc__list a::before { left: auto; right: 12px; } .mnx-page-toc__list a.active { border-right-color: var(--color-primary, #0f5f86); } /* --------------------------------------------------------- 10) Misc small icon spacing fixes --------------------------------------------------------- */ .mnx-cart-aside__trust i { margin-right: 0; margin-left: 5px; }