@import url('../style.css');
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800&display=swap');

/* ============================================================
   RTL OVERRIDES — Arabic version of Hayroo
   Only rules that use physical left/right positioning, one-sided
   spacing, or directional gradients need to be mirrored here.
   Flexbox / grid layouts mirror automatically once dir="rtl".
   ============================================================ */

body{font-family:'Tajawal',sans-serif}

/* Cart badge — pinned to the top-right corner in LTR, flip to top-left */
.cart-count{right:auto;left:-4px}

/* Hero discount badge — pinned top-right in LTR, flip to top-left */
.hero-badge{right:auto;left:20px}

/* Product badge (Organic / Hot Deal …) — pinned top-left in LTR, flip to top-right */
.prod-badge{left:auto;right:10px}

/* Old (struck-through) price sits after the new price — flip its inline spacing */
.prod-old{margin-left:0;margin-right:4px}

/* "margin-left:auto" pushes the price range to the far end — flip to margin-right */
.price-range{margin-left:0;margin-right:auto}

/* Promo overlay darkens the text side of the image — flip the gradient direction */
.promo-overlay{background:linear-gradient(270deg,rgba(0,0,0,.55) 0%,transparent 60%)}