/**
 * ANZO Store — RTL.
 *
 * The layout itself needs no mirroring: every rule in the theme uses CSS
 * logical properties (margin-inline, inset-inline, padding-block, …) so the
 * browser flips it correctly from `dir="rtl"` alone.
 *
 * What genuinely cannot be handled logically are:
 *   1. glyphs and icons that point in a direction,
 *   2. gradients and transforms, which are physical by definition,
 *   3. a handful of third-party (WooCommerce / core widget) rules that still
 *      ship physical properties.
 *
 * Only those belong in this file. Resist adding layout rules here.
 */

/* ---------------------------------------------------------------
 * 1. Directional glyphs
 * --------------------------------------------------------------- */

.icon--arrow-right,
.icon--arrow-left,
.icon--chevron-right,
.icon--chevron-left,
.woocommerce-breadcrumb .icon,
.back-to-shop .icon {
	transform: scaleX(-1);
}

/* ---------------------------------------------------------------
 * 2. Physical-by-nature properties
 * --------------------------------------------------------------- */

/* ---------------------------------------------------------------
 * 3. Third-party physical rules
 * --------------------------------------------------------------- */

.woocommerce .quantity input[type="number"] {
	text-align: center;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	padding-inline-start: var(--space-5);
	padding-inline-end: var(--space-5);
}

.woocommerce-MyAccount-navigation ul {
	padding-inline-start: 0;
}

/* select2 / selectWoo is fully restyled in woocommerce.css using logical
 * properties, so it needs no direction-specific rules here. Adding any would
 * now conflict with the arrow position and padding declared there. */

/* Numeric fields stay LTR even in Arabic — phone numbers, prices, SKUs,
 * card numbers read wrong otherwise. */
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
.woocommerce-Price-amount,
.sku,
.order-number {
	direction: ltr;
	text-align: start;
	unicode-bidi: isolate;
}