/* ==========================================================================
   حرّاز بيوتي — RTL enforcement layer.
   Loaded (via inc/enqueue.php) only when is_rtl() is true.
   The design in main.css already uses CSS logical properties
   (inset-inline-*, margin-inline-*, padding-inline-*), so it is direction
   aware by nature. This file only guarantees the document flows RTL and
   nudges a few WooCommerce/WordPress defaults that ship LTR.
   ========================================================================== */

html[dir="rtl"],
html[dir="rtl"] body{direction:rtl;text-align:start}

/* Keep the animated background orbs anchored to the RTL corners even if a
   plugin forces an LTR wrapper somewhere up the tree. */
html[dir="rtl"] .bg-orbs::before{left:-12vw;right:auto}
html[dir="rtl"] .bg-orbs::after{right:-10vw;left:auto}

/* Mobile menu slides in from the inline-end (right in RTL). */
html[dir="rtl"] .mobile-menu__panel{inset-inline-end:0;inset-inline-start:auto;transform:translateX(100%)}
html[dir="rtl"] .mobile-menu.open .mobile-menu__panel{transform:translateX(0)}

/* Category arrow drifts toward the reading direction on hover. */
html[dir="rtl"] .cat:hover .cat__go svg{transform:translateX(-6px)}

/* WooCommerce ships some LTR-oriented spacing; align it to the flow.
   (Guarded by the wrapper class Woo output lives in.) */
html[dir="rtl"] .woocommerce table.shop_table th,
html[dir="rtl"] .woocommerce table.shop_table td,
html[dir="rtl"] .woocommerce ul.products li.product,
html[dir="rtl"] .woocommerce-page ul.products li.product{text-align:start}

html[dir="rtl"] .woocommerce .quantity input.qty{text-align:center}