/* ==========================================================================
   RTL overrides for Arabic. Most layout uses logical properties (inset-inline,
   margin-inline) and flex/grid, so this file only patches the few visual cases
   that need mirroring, plus Arabic-specific typography and number handling.
   ========================================================================== */

[dir="rtl"] body{font-family:var(--font-main)}

/* Arabic script is cursive/connected — letter-spacing (set globally for the
   Latin/Inter look) mangles it. Reset spacing for Arabic. */
[dir="rtl"] body,.lang-ar,.lang-ar *{letter-spacing:normal}

/* --------------------------------------------------------------------------
   Numbers & prices: force a self-contained LTR run so digits + currency read
   "1,500 ج.م" and never get reordered by the surrounding RTL text.
   (unicode-bidi:isolate keeps direction:ltr; plaintext wrongly flipped these
   to RTL because the Arabic currency is the first strong character.)
   -------------------------------------------------------------------------- */
[dir="rtl"] .pc-now,[dir="rtl"] .pc-old,
[dir="rtl"] .pdp-now,[dir="rtl"] .pdp-old,[dir="rtl"] .pdp-save,[dir="rtl"] .sticky-price,
[dir="rtl"] .cart-item-price,[dir="rtl"] .cart-item-qty .qty-input,
[dir="rtl"] .summary-row span:last-child,[dir="rtl"] .summary-total span:last-child,
[dir="rtl"] .summary-line span:last-child,
[dir="rtl"] .about-stat strong,[dir="rtl"] .success-order strong,
[dir="rtl"] .listing-count,[dir="rtl"] .spec-value,
[dir="rtl"] .pc-disc,[dir="rtl"] .cart-count,[dir="rtl"] .fab-badge,
[dir="rtl"] .rx-table input,[dir="rtl"] .qty-input,[dir="rtl"] .pc-qty-val,
[dir="rtl"] .hotline-num,[dir="rtl"] .price,[dir="rtl"] .num{
  direction:ltr;unicode-bidi:isolate;
}

/* Breadcrumb reads RTL */
[dir="rtl"] .breadcrumb{direction:rtl}

/* Horizontal product/brand rows scroll naturally RTL */
[dir="rtl"] .brand-carousel,[dir="rtl"] .scroll-row{direction:rtl}

/* Hero: mirror the lifestyle banner so copy sits over the empty side, and
   match the light (white) Polaris scrim used in LTR. */
[dir="rtl"] .hero-bg{object-position:left center;transform:scaleX(-1)}
[dir="rtl"] .hero::before{background:linear-gradient(to left,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 32%,rgba(255,255,255,.32) 58%,rgba(255,255,255,0) 82%)}
[dir="rtl"] .promo-bg{object-position:left center}
[dir="rtl"] .promo-banner::before{background:linear-gradient(to left,rgba(8,12,10,.78) 0%,rgba(8,12,10,.35) 50%,transparent 80%)}

/* Directional arrows in "view all →" links */
[dir="rtl"] .section-link,[dir="rtl"] .service-link{direction:rtl}