/* ================================================
   RTL (Right-to-Left) — Arabic Only
   Loaded BEFORE style.css so style.css wins
   ================================================ */

[dir="rtl"], html[lang="ar"] {
  direction: rtl;
  text-align: right;
}

/* Body text: right */
[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] label,
[dir="rtl"] td,
[dir="rtl"] .form-group label { text-align: right; }

/* Forms */
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="search"],
[dir="rtl"] textarea { text-align: right; direction: rtl; }
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="tel"] { direction: ltr; text-align: right; }
[dir="rtl"] input::placeholder,
[dir="rtl"] textarea::placeholder { text-align: right; }
.form-control { text-align: right; }
select.form-control { background-position: left 12px center; }

/* Nav */
[dir="rtl"] .nav-dropdown { left: auto; right: 0; }
[dir="rtl"] .sep.fa-chevron-right::before { content: "\f053"; }

/* Product cards */
[dir="rtl"] .product-actions { left: auto; right: 10px; transform: translateX(6px); }
[dir="rtl"] .product-card:hover .product-actions { transform: translateX(0); }
[dir="rtl"] .product-price { flex-direction: row-reverse; justify-content: flex-end; }
.price-display { flex-direction: row-reverse; justify-content: flex-end; }

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

/* Misc */
[dir="rtl"] #toast-container { right: auto; left: 24px; }
.fab-whatsapp, .fab-top { right: auto; left: 24px; }
.page-banner::before { right: auto; left: -10%; }
.page-banner .breadcrumb-nav { flex-direction: row-reverse; }
.badge { right: auto; left: -6px; }
[dir="rtl"] .alert { flex-direction: row-reverse; }

/* Mobile nav */
@media (max-width: 768px) {
  [dir="rtl"] #mobile-nav { left: auto; right: -280px; transition: right 0.3s ease; }
  [dir="rtl"] #mobile-nav.open { right: 0; left: auto; }
}