/**
 * Force currency symbol on the LEFT of the amount.
 *
 * WooCommerce wraps prices in <bdi>. Arabic symbols are strongly RTL, so the
 * browser flips the visual order to "6.149 ر.ع" even when HTML is "ر.ع 6.149".
 * Flex + bidi-override keeps the same left-to-right order as $ / €.
 */

.woocommerce-Price-amount,
.woocommerce-Price-amount bdi,
.woocommerce-Price-amount .wsc-price-bidi,
.wsc-price-ltr,
.wsc-price-ltr .woocommerce-Price-amount,
.wsc-price-ltr bdi,
.price .woocommerce-Price-amount,
.price .woocommerce-Price-amount bdi,
.cart .woocommerce-Price-amount,
.cart .woocommerce-Price-amount bdi,
.widget_shopping_cart .woocommerce-Price-amount,
.wd-cart-totals .woocommerce-Price-amount,
.wd-dropdown-cart .woocommerce-Price-amount,
.wd-header-cart .woocommerce-Price-amount,
.product .summary .price .woocommerce-Price-amount,
.product .summary .price .woocommerce-Price-amount bdi {
  direction: ltr !important;
  unicode-bidi: bidi-override !important;
}

.woocommerce-Price-amount bdi,
.woocommerce-Price-amount .wsc-price-bidi,
.wsc-price-ltr .woocommerce-Price-amount bdi {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline;
  gap: 0.35em;
  white-space: nowrap;
}

.woocommerce-Price-currencySymbol {
  order: 0 !important;
  margin: 0 !important;
  unicode-bidi: isolate;
}
