/*
 * RTL adjustments. Most layout already uses logical properties (base.css);
 * this file only covers what logical properties cannot express.
 */

/* Directional icons point the other way. */
.icon-arrow,
.icon-chevron,
.icon-chevron-left {
	transform: scaleX(-1);
}

/* Amounts read left to right ("890 DH", "1 250 DH") even where the <bdi> WooCommerce wraps
   them in has been filtered out (e.g. by wp_kses_post()). */
.woocommerce-Price-amount {
	unicode-bidi: isolate;
	direction: ltr;
}

/* Phone numbers and e-mail addresses are written left to right, aligned with the Arabic labels. */
input[type="tel"],
input[type="email"],
input[type="url"] {
	direction: ltr;
	text-align: right;
}

/* The e-mail placeholder is Arabic text; the phone one ("06 12 34 56 78") stays left to right. */
input[type="email"]::placeholder {
	direction: rtl;
}
