/* ============================================================
   ONE SOUQ — rtl.css  v1.4
   RTL overrides for Arabic. onesouq.css now uses logical
   properties everywhere, so this file only contains:
   1. The Tajawal font switch
   2. Physical-property overrides for rules that MOTTA or
      WOOCOMMERCE hard-code with left/right (we can't fix
      third-party CSS with logical properties)
   ============================================================ */

body { font-family: "Cairo", "Tajawal", system-ui, sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-family: inherit; }

/* WooCommerce hard-codes the sale ribbon position */
.woocommerce span.onsale { right: auto; left: 12px; }

/* Motta hard-codes the search submit position */
.header-search .search-form .search-submit,
.motta-header__search .search-form .search-submit { right: auto; left: 0; }

/* WooCommerce cart table — thumbnail column padding */
.woocommerce-cart table.cart td.product-thumbnail { padding-right: 0; padding-left: 12px; }

/* WooCommerce checkout columns are floated */
.woocommerce-checkout .col2-set .col-1 { float: right; }
.woocommerce-checkout .col2-set .col-2 { float: left; }

/* WooCommerce notices — icon is positioned with physical props */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error { padding-right: 52px; padding-left: 12px; }
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { right: 16px; left: auto; }

/* Star ratings — WooCommerce hard-codes LTR direction */
.woocommerce .star-rating { direction: rtl; }

/* Directional icons flip (accordion chevron points left in RTL;
   rotation on open still applies from onesouq.css) */
.os-acc-trigger .os-chev { transform: scaleX(-1); }
.os-acc-trigger[aria-expanded="true"] .os-chev { transform: scaleX(-1) rotate(90deg); }

/* Product card price alignment (Motta hard-codes text-align:left) */
.woocommerce ul.products li.product .price { text-align: right; }
