/* * rtl.css — Règles RTL pour l'hébreu * Chargé uniquement quand (locale = he). * Aucun sélecteur sans le préfixe [dir="rtl"]. */ /* ── Typographie hébreu ──────────────────────────────────────────────── */ [dir="rtl"] body { font-family: 'Frank Ruhl Libre', Georgia, serif; letter-spacing: 0; } [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 { font-family: 'Frank Ruhl Libre', Georgia, serif; letter-spacing: 0; } [dir="rtl"] p, [dir="rtl"] li, [dir="rtl"] label, [dir="rtl"] span, [dir="rtl"] a { letter-spacing: 0; } /* ── Promo bar ───────────────────────────────────────────────────────── */ [dir="rtl"] .promo-bar__close { right: auto; left: 14px; } /* ── Storefront header ───────────────────────────────────────────────── */ [dir="rtl"] .storefront-header__inner { flex-direction: row-reverse; } [dir="rtl"] .storefront-nav { flex-direction: row-reverse; } [dir="rtl"] .storefront-actions { flex-direction: row-reverse; } /* ── Badge panier ────────────────────────────────────────────────────── */ [dir="rtl"] .storefront-cart strong { right: auto; left: -2px; } /* ── Cart drawer ─────────────────────────────────────────────────────── */ [dir="rtl"] .cart-drawer { right: auto; left: 0; transform: translateX(-100%); } [dir="rtl"] .cart-drawer.is-open { transform: translateX(0); } [dir="rtl"] .cart-drawer__head { flex-direction: row-reverse; } [dir="rtl"] .cart-drawer__line { flex-direction: row-reverse; } [dir="rtl"] .cart-drawer__line-actions { flex-direction: row-reverse; } [dir="rtl"] .cart-drawer__remove { margin-left: 0; margin-right: 4px; } [dir="rtl"] .cart-drawer__total { flex-direction: row-reverse; } /* ── Design system — tableaux ────────────────────────────────────────── */ [dir="rtl"] .table-wrap th, [dir="rtl"] .table-wrap td { text-align: right; } /* ── Design system — fil d'Ariane ────────────────────────────────────── */ [dir="rtl"] .breadcrumbs { flex-direction: row-reverse; } [dir="rtl"] .breadcrumbs > * + *::before { margin-right: 0; margin-left: 6px; } /* ── Design system — formulaires ─────────────────────────────────────── */ [dir="rtl"] .field { text-align: right; } [dir="rtl"] .field input, [dir="rtl"] .field select, [dir="rtl"] .field textarea { text-align: right; direction: rtl; } /* ── Design system — boutons avec icône ──────────────────────────────── */ [dir="rtl"] .button .fa, [dir="rtl"] .button .fa-solid, [dir="rtl"] .button .fa-regular { margin-right: 0; margin-left: 6px; } /* ── Catalogue ───────────────────────────────────────────────────────── */ [dir="rtl"] .catalog-filter-toggle { flex-direction: row-reverse; } [dir="rtl"] .catalog-sort { flex-direction: row-reverse; } [dir="rtl"] .catalog-sidebar { text-align: right; } [dir="rtl"] .catalog-page .catalog-actions { flex-direction: row-reverse; } /* ── Fiche produit ───────────────────────────────────────────────────── */ [dir="rtl"] .product-page .product-layout { direction: rtl; } [dir="rtl"] .product-info__price-row { flex-direction: row-reverse; } [dir="rtl"] .product-purchase__row { flex-direction: row-reverse; } [dir="rtl"] .product-tabs { flex-direction: row-reverse; } [dir="rtl"] .product-page .shipping-info ul { padding-left: 0; padding-right: 1.4em; } [dir="rtl"] .spec-row { flex-direction: row-reverse; } /* ── Checkout — barre de progression ────────────────────────────────── */ [dir="rtl"] .checkout-progress__list { flex-direction: row-reverse; } [dir="rtl"] .checkout-progress__step::before { right: auto; left: -50%; } /* ── Checkout — récapitulatif ────────────────────────────────────────── */ [dir="rtl"] .checkout-summary__line { flex-direction: row-reverse; } [dir="rtl"] .checkout-summary__row { flex-direction: row-reverse; } [dir="rtl"] .checkout-summary__totals { text-align: right; } /* ── Checkout — formulaire livraison ─────────────────────────────────── */ [dir="rtl"] .checkout-fieldset__legend { text-align: right; } [dir="rtl"] .shipping-card { flex-direction: row-reverse; text-align: right; } /* ── Panier ──────────────────────────────────────────────────────────── */ [dir="rtl"] .cart-line { flex-direction: row-reverse; } [dir="rtl"] .cart-line__actions { flex-direction: row-reverse; } /* ── Account ─────────────────────────────────────────────────────────── */ [dir="rtl"] .account-highlights { direction: rtl; } [dir="rtl"] .account-highlight { text-align: right; }