/* ============================================================= NANOBEN — Styles RTL pour l'arabe Chemin : /assets/css/rtl.css Inclure UNIQUEMENT quand lang = 'ar' ============================================================= */ /* Direction globale */ html[dir="rtl"], html[dir="rtl"] body { direction: rtl; text-align: right; font-family: 'Nunito', 'Segoe UI', Tahoma, Arial, sans-serif; } /* ===== POLICE ARABE OPTIMISÉE ===== */ /* Ajouter dans le quand lang=ar : puis : */ html[dir="rtl"] body { font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif; } html[dir="rtl"] .logo-name, html[dir="rtl"] .mob-drawer-logo, html[dir="rtl"] .sec-title, html[dir="rtl"] .slider-title, html[dir="rtl"] .prod-title, html[dir="rtl"] .hero-name { font-family: 'Cairo', 'Poppins', sans-serif; } /* ===== NAVIGATION ===== */ html[dir="rtl"] .topnav { direction: rtl; } html[dir="rtl"] .nav-right { flex-direction: row-reverse; } html[dir="rtl"] .search-btn { border-radius: 50px 0 0 50px; } html[dir="rtl"] .search-form { flex-direction: row-reverse; } /* ===== CATBAR ===== */ html[dir="rtl"] .catbar-scroll { direction: rtl; } /* ===== MOBILE HEADER ===== */ html[dir="rtl"] .mob-top { flex-direction: row-reverse; } html[dir="rtl"] .mob-right { flex-direction: row-reverse; } html[dir="rtl"] .mob-search-bar { flex-direction: row-reverse; } html[dir="rtl"] .mob-search-btn { border-radius: 50px 0 0 50px; } /* ===== DRAWER MOBILE ===== */ html[dir="rtl"] .mob-drawer { right: auto; left: -100%; } html[dir="rtl"] .mob-drawer.open { left: 0; right: auto; } html[dir="rtl"] .mob-nav-item { flex-direction: row-reverse; text-align: right; } html[dir="rtl"] .mob-nav-item .badge { margin-left: 0; margin-right: auto; } /* ===== PROMO STRIP ===== */ html[dir="rtl"] .promo-strip { flex-direction: row-reverse; } html[dir="rtl"] .promo-left { flex-direction: row-reverse; } /* ===== SLIDER ===== */ html[dir="rtl"] .slider-track { flex-direction: row-reverse; } html[dir="rtl"] .sfade { right: auto; left: 0; background: linear-gradient(to right, var(--bg) 20%, transparent); } /* ===== SECTION TITLES ===== */ html[dir="rtl"] .sec-title::before, html[dir="rtl"] .slider-title::before { margin-right: 0; margin-left: 7px; } /* ===== FILTER BAR ===== */ html[dir="rtl"] .fbar { flex-direction: row-reverse; } html[dir="rtl"] .fcount { margin-left: 0; margin-right: auto; } /* ===== PRODUCT CARDS ===== */ html[dir="rtl"] .pbadges { left: auto; right: 7px; } html[dir="rtl"] .wish-btn { right: auto; left: 7px; } html[dir="rtl"] .pname, html[dir="rtl"] .scard-name { text-align: right; } html[dir="rtl"] .price-row { flex-direction: row-reverse; } html[dir="rtl"] .pstars { flex-direction: row-reverse; } html[dir="rtl"] .sold-row { flex-direction: row-reverse; } /* ===== PAGE PRODUIT ===== */ html[dir="rtl"] .prod-layout { direction: rtl; } html[dir="rtl"] .thumbs { flex-direction: row-reverse; } html[dir="rtl"] .rating-row { flex-direction: row-reverse; } html[dir="rtl"] .price-block { flex-direction: row-reverse; } html[dir="rtl"] .opt-tags { flex-direction: row-reverse; } html[dir="rtl"] .trust-grid { direction: rtl; } html[dir="rtl"] .urg-item { flex-direction: row-reverse; } html[dir="rtl"] .delivery { flex-direction: row-reverse; } html[dir="rtl"] .bc { flex-direction: row-reverse; } html[dir="rtl"] .cat-tag { flex-direction: row-reverse; } /* ===== AVIS ===== */ html[dir="rtl"] .avis-top { flex-direction: row-reverse; } html[dir="rtl"] .avis-stats { direction: rtl; } html[dir="rtl"] .abig { text-align: center; } html[dir="rtl"] .abar-row { flex-direction: row-reverse; } /* ===== MODAL OPTIONS ===== */ html[dir="rtl"] .opt-modal-head { flex-direction: row-reverse; } html[dir="rtl"] .opt-modal-close { margin-left: 0; margin-right: auto; } html[dir="rtl"] .opt-progress { flex-direction: row-reverse; } html[dir="rtl"] .pills-m { flex-direction: row-reverse; } html[dir="rtl"] .opt-label-m { flex-direction: row-reverse; } /* ===== PANIER ===== */ html[dir="rtl"] .nav { flex-direction: row-reverse; } html[dir="rtl"] .steps-inner { flex-direction: row-reverse; } html[dir="rtl"] .cart-layout { direction: rtl; } html[dir="rtl"] .prod-row { direction: rtl; } html[dir="rtl"] .prod-info { text-align: right; } html[dir="rtl"] .prod-actions { align-items: flex-start; } html[dir="rtl"] .cart-foot { flex-direction: row-reverse; } html[dir="rtl"] .opt-tags { flex-direction: row-reverse; } html[dir="rtl"] .sum-row, html[dir="rtl"] .sum-total-row { flex-direction: row-reverse; } html[dir="rtl"] .login-alert { flex-direction: row-reverse; } /* ===== CHECKOUT ===== */ html[dir="rtl"] .checkout-grid { direction: rtl; } html[dir="rtl"] .form-grid { direction: rtl; } html[dir="rtl"] .pay-grid { direction: rtl; } html[dir="rtl"] .pay-label { flex-direction: row-reverse; } html[dir="rtl"] .oneclick-head { flex-direction: row-reverse; } html[dir="rtl"] .saved-info { flex-direction: row-reverse; } html[dir="rtl"] .saved-pay { flex-direction: row-reverse; } html[dir="rtl"] .card-head { flex-direction: row-reverse; } html[dir="rtl"] .recap-item { flex-direction: row-reverse; } /* ===== COMPTE ===== */ html[dir="rtl"] .page-wrap { direction: rtl; } html[dir="rtl"] .sb-item { flex-direction: row-reverse; text-align: right; } html[dir="rtl"] .sb-badge { margin-left: 0; margin-right: auto; } html[dir="rtl"] .info-row { flex-direction: row-reverse; } html[dir="rtl"] .cmd-row { flex-direction: row-reverse; } html[dir="rtl"] .cmd-info { text-align: right; } html[dir="rtl"] .cmd-right { text-align: left; } html[dir="rtl"] .stat-card { direction: rtl; } html[dir="rtl"] .fav-foot { flex-direction: row-reverse; } /* ===== CONFIRMATION ===== */ html[dir="rtl"] .details-grid { direction: rtl; } html[dir="rtl"] .detail-item { text-align: right; } html[dir="rtl"] .actions { flex-direction: row-reverse; } html[dir="rtl"] .info-box { flex-direction: row-reverse; } /* ===== FOOTER ===== */ html[dir="rtl"] .footer-grid { direction: rtl; } html[dir="rtl"] .flist { text-align: right; } html[dir="rtl"] .footer-bot { flex-direction: row-reverse; } html[dir="rtl"] .fsocs { flex-direction: row-reverse; } /* ===== SÉLECTEUR LANGUE RTL ===== */ html[dir="rtl"] .lang-menu { right: auto; left: 0; } /* ===== HELPERS GÉNÉRAUX ===== */ html[dir="rtl"] .abar { flex-direction: row-reverse; } html[dir="rtl"] .nav-right { flex-direction: row-reverse; } /* ===== NOMBRES ET PRIX (toujours LTR) ===== */ html[dir="rtl"] .pnow, html[dir="rtl"] .scard-price, html[dir="rtl"] .sum-total-val, html[dir="rtl"] .sticky-val, html[dir="rtl"] .fav-price, html[dir="rtl"] .cmd-price, html[dir="rtl"] .recap-price, html[dir="rtl"] .del-price, html[dir="rtl"] .abig-n { direction: ltr; unicode-bidi: embed; } /* ===== COMPTEUR PANIER (toujours LTR) ===== */ html[dir="rtl"] .cbadge, html[dir="rtl"] .mob-cbadge, html[dir="rtl"] .float-cart-badge { direction: ltr; } /* Breadcrumb RTL : inverser flèche séparateur */ html[dir="rtl"] .bc-sep::before { content: '›'; transform: scaleX(-1); display: inline-block; }