/* ================================================================
   NexPOS — RTL (Arabic) Overrides
   ================================================================ */

body[dir="rtl"] {
  text-align: right;
}

body[dir="rtl"] .input-group .form-control {
  border-radius: 0 8px 8px 0;
  border-right: 1px solid var(--border-color);
  border-left: none;
}

body[dir="rtl"] .input-group-addon {
  border-radius: 8px 0 0 8px;
}

body[dir="rtl"] select.form-control {
  background-position: left 10px center;
  padding-right: 12px;
  padding-left: 30px;
}

body[dir="rtl"] .modal-footer {
  flex-direction: row-reverse;
}

body[dir="rtl"] .stat-card::after {
  right: auto;
  left: 0;
}

body[dir="rtl"] .nav-badge,
body[dir="rtl"] .nav-arrow {
  margin-left: 0;
  margin-right: auto;
}

body[dir="rtl"] .toast {
  border-left: none;
}

body[dir="rtl"] .toast.success { border-right: 4px solid var(--success); }
body[dir="rtl"] .toast.error   { border-right: 4px solid var(--danger); }
body[dir="rtl"] .toast.warning { border-right: 4px solid var(--warning); }
body[dir="rtl"] .toast.info    { border-right: 4px solid var(--primary); }

@keyframes toastInRTL  { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }
@keyframes toastOutRTL { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-30px); } }

body[dir="rtl"] .toast      { animation: toastInRTL 0.3s ease forwards; }
body[dir="rtl"] .toast.exit { animation: toastOutRTL 0.3s ease forwards; }

body[dir="rtl"] .dropdown-menu {
  right: auto;
  left: 0;
}

body[dir="rtl"] .nav-item.active::before {
  left: auto;
  right: 0;
  border-radius: 4px 0 0 4px;
}

body[dir="rtl"] .search-bar svg {
  left: auto;
  right: 10px;
}

body[dir="rtl"] .search-bar input {
  padding-left: 12px;
  padding-right: 34px;
}

body[dir="rtl"] .sidebar {
  border-right: none;
  border-left: 1px solid var(--border-color);
}

body[dir="rtl"] .page-btn { direction: ltr; }

/* POS RTL */
body[dir="rtl"] .pos-cart-panel {
  border-right: 1px solid var(--border-color);
  border-left: none;
}

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