/* =============================
   RTL (Arabic) Layout Overrides
   ============================= */

/* ---- Direction & Text ---- */
body[dir="rtl"],
[dir="rtl"] {
  direction: rtl;
  text-align: right;
  --font-sans: 'Noto Kufi Arabic', 'Hanken Grotesk', Tahoma, sans-serif;
  --font-serif: 'Noto Naskh Arabic', 'Noto Serif Display', serif;
  font-family: var(--font-sans);
}

/* Letter-spacing breaks the joins between Arabic letters. */
[dir="rtl"] body * { letter-spacing: 0 !important; }

[dir="rtl"] .rail-btn i,
[dir="rtl"] .home-scroll-btn i { transform: scaleX(-1); }

[dir="rtl"] .plp-head,
[dir="rtl"] .section-head,
[dir="rtl"] .home-hero-copy,
[dir="rtl"] .newsletter-band,
[dir="rtl"] .announcement-text { text-align: center; }

/* ---- Section Heading underline ---- */
[dir="rtl"] .section-heading::after { left: auto; right: 0; }
[dir="rtl"] .section-heading.text-center::after { right: 50%; left: auto; transform: translateX(50%); }

/* ---- Navbar ---- */
[dir="rtl"] .navbar-collapse { flex-direction: row-reverse; }
[dir="rtl"] .dropdown-menu { right: 0; left: auto; text-align: right; }
[dir="rtl"] .mega-menu { left: 0; right: 0; }

/* ---- Margins & Paddings (utilities flip) ---- */
[dir="rtl"] .me-auto { margin-left: auto !important; margin-right: 0 !important; }
[dir="rtl"] .ms-auto { margin-right: auto !important; margin-left: 0 !important; }
[dir="rtl"] .me-1 { margin-left: .25rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-2 { margin-left: .5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
[dir="rtl"] .ms-1 { margin-right: .25rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-2 { margin-right: .5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }

/* ---- Sidebar ---- */
[dir="rtl"] .account-sidebar { border-right: 0 !important; border-left: 1px solid #dee2e6; }

/* ---- WhatsApp Float ---- */
[dir="rtl"] .whatsapp-float { right: auto; left: 20px; }
[dir="rtl"] #backToTop { right: auto; left: 20px; }

/* ---- Breadcrumb ---- */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  content: "/"; float: right; margin-left: .5rem; margin-right: 0;
}

/* ---- Tables ---- */
[dir="rtl"] .table th, [dir="rtl"] .table td { text-align: right; }

/* ---- Input Groups ---- */
[dir="rtl"] .input-group { flex-direction: row-reverse; }
[dir="rtl"] .input-group-text:first-child { border-radius: 0 .375rem .375rem 0; }
[dir="rtl"] .input-group .form-control:last-child { border-radius: .375rem 0 0 .375rem; }

/* ---- Admin Sidebar ---- */
[dir="rtl"] .admin-sidebar { border-right: 0 !important; border-left: 1px solid rgba(255,255,255,.1); }

/* ---- Icon spacing in buttons ---- */
[dir="rtl"] .btn i.me-1, [dir="rtl"] .btn i.me-2 { margin-left: .4rem; margin-right: 0; }

/* ---- Float utilities ---- */
[dir="rtl"] .float-end { float: left !important; }
[dir="rtl"] .float-start { float: right !important; }

/* ---- Checkout Steps ---- */
[dir="rtl"] .step-indicator { flex-direction: row-reverse; }

/* ---- Cart table ---- */
[dir="rtl"] .cart-item-img { margin-right: 0; margin-left: .75rem; }

/* ---- Bootstrap list-group ---- */
[dir="rtl"] .list-group-item { text-align: right; }

/* ---- pr/pl overrides for legacy usage ---- */
[dir="rtl"] .ps-3 { padding-left: 0 !important; padding-right: 1rem !important; }
[dir="rtl"] .pe-3 { padding-right: 0 !important; padding-left: 1rem !important; }