/* =========================================================
   NSEEB — RTL (Arabic) adjustments.
   Bootstrap's own bootstrap.rtl.min.css (loaded instead of the
   LTR build when locale=ar) already flips grid/flex/spacing
   utilities automatically. This file only patches the few
   hand-written physical-direction rules in style.css that
   Bootstrap's RTL build can't know about, plus an Arabic-
   capable font stack (Playfair Display / Poppins have no
   Arabic glyphs at all).
   ========================================================= */

[dir="rtl"] body,
[dir="rtl"] .btn,
[dir="rtl"] .form-control,
[dir="rtl"] .form-select {
  font-family: 'Cairo', var(--font-body);
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] .font-heading,
[dir="rtl"] .nseeb-navbar .navbar-brand,
[dir="rtl"] .site-footer .footer-logo {
  font-family: 'Cairo', var(--font-heading);
  font-style: normal;
}

/* Price strike-through spacing: mirror the LTR margin-right */
[dir="rtl"] .product-card .price del {
  margin-right: 0;
  margin-left: .35rem;
}

/* Floating "compatibility score" badge over the circular photo */
[dir="rtl"] .compat-badge {
  right: auto;
  left: 10%;
}