/* ==========================================================================
   SaraStones — RTL overrides
   Loaded only when the active front-end language is Arabic (or when the
   site/theme direction is already RTL). Everything here is scoped to
   [dir="rtl"] .sarastones-store so it never leaks into LTR pages or other
   plugins/themes.
   ========================================================================== */

[dir="rtl"] .sarastones-store,
.sarastones-dir-rtl .sarastones-store {
	direction: rtl;
	text-align: right;
}

[dir="rtl"] .sarastones-store .ss-header-inner {
	flex-direction: row-reverse;
}

[dir="rtl"] .sarastones-store .sarastones-lang-switcher {
	flex-direction: row-reverse;
}

[dir="rtl"] .sarastones-store .ss-hero,
[dir="rtl"] .sarastones-store .ss-brand-story,
[dir="rtl"] .sarastones-store .ss-newsletter {
	text-align: center;
}

[dir="rtl"] .sarastones-store .ss-category-grid,
[dir="rtl"] .sarastones-store .ss-product-grid,
[dir="rtl"] .sarastones-store .ss-why-grid,
[dir="rtl"] .sarastones-store .ss-social-grid {
	direction: rtl;
}

[dir="rtl"] .sarastones-store .ss-product-card {
	text-align: right;
}

[dir="rtl"] .sarastones-store .ss-product-price del {
	margin-right: 0;
	margin-left: 6px;
}

[dir="rtl"] .sarastones-store .ss-section-title::after {
	margin: 14px auto 0; /* Keep the centered accent line centered in RTL too. */
}

[dir="rtl"] .sarastones-store .ss-newsletter-form {
	flex-direction: row-reverse;
}

[dir="rtl"] .sarastones-store .ss-footer-inner {
	direction: rtl;
}

[dir="rtl"] .sarastones-store .ss-footer-col {
	text-align: right;
}

/* WooCommerce core elements: keep cart/price/quantity controls mirrored
   correctly when Arabic is active, without touching WooCommerce's own
   stylesheet. */
[dir="rtl"] .sarastones-store .woocommerce ul.products li.product,
[dir="rtl"] .woocommerce ul.products li.product.sarastones-store {
	text-align: right;
}

[dir="rtl"] .woocommerce div.product .product_title,
[dir="rtl"] .woocommerce div.product p.price {
	text-align: right;
}

[dir="rtl"] .woocommerce .quantity .qty {
	text-align: center;
}

[dir="rtl"] .woocommerce table.shop_table {
	direction: rtl;
}

[dir="rtl"] .woocommerce table.shop_table th,
[dir="rtl"] .woocommerce table.shop_table td {
	text-align: right;
}

/* Icons that imply directionality (arrows, chevrons) should flip. Buttons
   and badges themselves keep their shape — only direction-sensitive icons
   are mirrored, per the RTL requirement. */
[dir="rtl"] .sarastones-store .ss-icon-arrow,
[dir="rtl"] .sarastones-store .ss-icon-chevron {
	transform: scaleX(-1);
}