/* =========================================================================
   SquishUp — RTL overrides (loaded only when Arabic is active)
   ========================================================================= */
body.su-rtl { direction: rtl; text-align: right; }

.su-rtl .su-nav a::after { left: auto; right: 0; }
.su-rtl .su-tag { left: auto; right: 1.5rem; }
.su-rtl .su-wish { right: auto; left: 1.5rem; }
.su-rtl .su-product-card .su-tag { right: 1.5rem; left: auto; }
.su-rtl .su-search svg { left: auto; right: 1rem; }
.su-rtl .su-search input { padding: 0.75rem 2.75rem 0.75rem 1rem; }
.su-rtl .su-cart-badge { right: auto; left: -4px; }
.su-rtl .su-wish-badge { right: auto; left: -2px; }
.su-rtl .su-hero-copy { text-align: right; }
.su-rtl .su-features li { flex-direction: row; }
.su-rtl .su-avatars img { margin-left: 0; margin-right: -0.5rem; }
.su-rtl .su-avatars img:first-child { margin-right: 0; }
.su-rtl .su-breadcrumb { text-align: right; }

/* WooCommerce RTL niceties */
.su-rtl .woocommerce ul.products li.product { text-align: right; }
.su-rtl .woocommerce span.onsale { left: auto; right: 1.25rem; }
.su-rtl .woocommerce form .form-row-first { float: right; }
.su-rtl .woocommerce form .form-row-last { float: left; }

/* Arabic reads better with a slightly larger line-height */
.su-rtl body, .su-rtl p, .su-rtl li { line-height: 1.8; }