/** * Deep Perfume — English (LTR) overrides. * Loaded ONLY on /en/ (body.deep-en / html[dir="ltr"]). * * Our own components already use logical properties (margin-inline, * inset-inline, text-align:start), so they flip to LTR automatically once the * document is . This sheet just: * 1. forces the document/body direction (beats the leftover body.rtl rules), * 2. left-aligns the parent-theme / WooCommerce containers that still use * physical RTL (float:right, margin-right, text-align:right). * Latin numerals (prices) are kept LTR. */ /* 1 — document direction (attribute selector always beats body.rtl). */ html[dir="ltr"], html[dir="ltr"] body, body.deep-en{ direction:ltr; text-align:left; } /* 2 — parent-theme + WooCommerce wrappers. */ body.deep-en #main-content, body.deep-en .site-main, body.deep-en .container, body.deep-en .woocommerce, body.deep-en .woocommerce-page{ direction:ltr; text-align:left; } /* Product loops / listings should read left-to-right. */ body.deep-en .woocommerce ul.products li.product, body.deep-en ul.products li.product, body.deep-en .products .product{ float:none; } /* WooCommerce form-row halves (checkout) flip sides. */ body.deep-en .woocommerce form .form-row-first{ float:left; clear:left; } body.deep-en .woocommerce form .form-row-last{ float:right; clear:right; } /* Tabs / breadcrumbs / meta commonly right-aligned in RTL. */ body.deep-en .woocommerce-breadcrumb, body.deep-en .woocommerce-tabs ul.tabs, body.deep-en .product_meta, body.deep-en .cart-collaterals, body.deep-en .woocommerce-MyAccount-navigation{ text-align:left; } /* Keep prices / amounts / phone numbers naturally LTR. */ body.deep-en .price, body.deep-en .amount, body.deep-en .woocommerce-Price-amount, body.deep-en [dir="ltr"]{ direction:ltr; }