/* ============================================================
   RTL overrides - applied automatically when html[dir="rtl"]
   (Arabic). Loaded on every page; only activates for RTL.
   ============================================================ */

html[dir="rtl"] {
  font-family: var(--font-ar);
}

html[dir="rtl"] .product-grid,
html[dir="rtl"] .order-table,
html[dir="rtl"] .admin-table {
  direction: rtl;
}

html[dir="rtl"] .form-label {
  text-align: right;
}

html[dir="rtl"] .btn svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .breadcrumb {
  flex-direction: row-reverse;
}

html[dir="rtl"] .checkout-summary,
html[dir="rtl"] .checkout-summary-card {
  text-align: right;
}

html[dir="rtl"] .summary-row {
  flex-direction: row;
}

html[dir="rtl"] .product-card__price {
  text-align: right;
}

html[dir="rtl"] .dashboard-order__code {
  direction: ltr;
  text-align: right;
  unicode-bidi: plaintext;
}

html[dir="rtl"] .delivery-payload-text {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] .analytics-card {
  text-align: right;
}