/* RTL overrides — loaded only when the shopper's UI culture is Arabic, on top of site.css
   (which was written assuming LTR). Bootstrap's own RTL build already flips its own
   utilities/components; this file only fixes our custom, hand-written CSS that used
   physical left/right instead of logical start/end properties. */

body { text-align: right; }

/* Sale ribbon on product cards: was pinned to the top-left, flip to top-right */
.ribbon {
    left: auto;
    right: 10px;
}

/* Wishlist / quick-view icons slide in from the left instead of the right on hover */
.product-actions {
    right: auto;
    left: -40px;
}
.product-card:hover .product-actions {
    left: 10px;
}

/* "Main image" badge on the admin product image tiles */
.main-image-badge {
    left: auto;
    right: 4px;
}

/* Strikethrough compare-at price sits to the right of the current price, not the left */
.compare-price {
    margin-left: 0;
    margin-right: 6px;
}

/* Category filter sidebar hover nudge */
.category-filter-list a:hover {
    padding-left: 0;
    padding-right: 14px;
}

/* Star rating spacing */
.star-rating i,
.star-input-icon {
    margin-right: 0;
    margin-left: 1px;
}

/* Cart icon corner badge — mirror to the icon's left side in RTL */
.nav-icon-badge {
    right: auto;
    left: -8px;
}