/**
 * Right-to-left corrections.
 *
 * The main stylesheet uses logical properties, so this file only handles the
 * few places where a physical value or an asymmetric glyph is unavoidable.
 */

body {
	font-family: var(--athath-font-ar);
}

/* Chevrons point the other way in an RTL trail. */
.athath-breadcrumbs__item + .athath-breadcrumbs__item::before {
	content: "\2039";
}

/* Arrow glyphs inside buttons and links flip with the text direction. */
.athath-btn .athath-icon--arrow,
.athath-pill-link .athath-icon--arrow,
.athath-footer__socials .athath-icon--arrow {
	transform: scaleX(-1);
}

.athath-icon--chevron,
.athath-icon--chevron-l {
	transform: scaleX(-1);
}

/* The drawer needs no repositioning here: app.css anchors it with
   inset-inline-start, which in RTL already resolves to the right edge — the
   same side as the burger that opens it. Re-anchoring it to inset-inline-end
   would slide it in from the wrong side. Only the closed-state transform is
   direction-specific, and app.css handles that under .athath--rtl. */

/* Number inputs stay left-to-right so prices and quantities read correctly. */
.athath-stepper__input,
.quantity input.qty,
input[type="tel"],
input[type="number"] {
	direction: ltr;
	text-align: center;
}

input[type="tel"] {
	text-align: start;
}

/* WooCommerce still ships a few floats. */
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	text-align: right;
}

.woocommerce table.cart dl.variation dd {
	margin: 0 .25rem 0 0;
}

/* Latin brand marks and code stay left-to-right inside Arabic copy. */
.athath-logo__word,
.athath-logo__sub,
.woocommerce-order ul.order_details li strong {
	direction: ltr;
	unicode-bidi: isolate;
}

@media (max-width: 700px) {
	.woocommerce table.shop_table_responsive td,
	.woocommerce table.cart td {
		text-align: left;
	}
}