/* RTL overrides — loaded when html[dir="rtl"] */

[dir="rtl"] body {
  font-family: 'Tajawal', 'DM Sans', 'Urbanist', sans-serif;
}

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

[dir="rtl"] .dash-header {
  left: 0;
  right: var(--sidebar-width);
}

[dir="rtl"] .header-icon-btn__dot {
  right: auto;
  left: 9px;
}

[dir="rtl"] .nav-item,
[dir="rtl"] .logout-nav-btn,
[dir="rtl"] button.nav-item {
  text-align: right !important;
}

[dir="rtl"] .metric-card {
  border-left: none !important;
  border-right: 3px solid var(--purple);
}

[dir="rtl"] .metric-card[style*="#0a0a0a"] {
  border-right-color: #0a0a0a !important;
}

[dir="rtl"] .metric-card[style*="#bbb"] {
  border-right-color: #bbb !important;
}

[dir="rtl"] .btn-submit i.iconoir-arrow-right {
  transform: scaleX(-1);
}

[dir="rtl"] .login-footer .iconoir-arrow-left {
  transform: scaleX(-1);
}

@media (max-width: 768px) {
  [dir="rtl"] .sidebar {
    left: auto;
    right: 0;
    transform: translateX(100%);
  }

  [dir="rtl"] .sidebar.is-open {
    transform: translateX(0);
  }

  [dir="rtl"] .dash-header {
    left: 0;
    right: 0;
  }
}

/* Login */
[dir="rtl"] .input-wrap > i:first-of-type {
  left: auto;
  right: 14px;
}

[dir="rtl"] .input-wrap input {
  padding-left: 14px;
  padding-right: 44px;
}

[dir="rtl"] .toggle-pw {
  right: auto !important;
  left: 10px !important;
}

/* Forms / tables */
[dir="rtl"] .form-label,
[dir="rtl"] .page-title,
[dir="rtl"] .page-sub,
[dir="rtl"] .card-title,
[dir="rtl"] .card-sub {
  text-align: right;
}

[dir="rtl"] .dash-input-suffix {
  right: auto;
  left: 12px;
}

[dir="rtl"] .fleet-badge {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] td,
[dir="rtl"] th {
  text-align: right;
}

/* Keep Western digit / money order inside RTL layouts (avoids 1 500 → 500 1) */
[dir="rtl"] .cell-price,
[dir="rtl"] .metric-value,
[dir="rtl"] .pick-card-price,
[dir="rtl"] .payment-remaining,
[dir="rtl"] .recent-amount,
[dir="rtl"] .rapport-kpi__value,
[dir="rtl"] .detail-value--total,
[dir="rtl"] .detail-value--reste,
[dir="rtl"] .detail-value#detailVersement,
[dir="rtl"] .detail-value#detailPrixTotal,
[dir="rtl"] .detail-value#detailReste,
[dir="rtl"] .recap-badge--total,
[dir="rtl"] .recap-badge--reste,
[dir="rtl"] .recap-badge#recapTotal,
[dir="rtl"] .recap-badge#recapVersement,
[dir="rtl"] .recap-badge#recapReste,
[dir="rtl"] .recap-badge#recapHeuresSupp,
[dir="rtl"] .recap-badge#recapJours,
[dir="rtl"] .cell-mono,
[dir="rtl"] .reservation-heure,
[dir="rtl"] .num-ltr,
[dir="rtl"] .amount-ltr,
[dir="rtl"] .price,
[dir="rtl"] .car-price,
[dir="rtl"] .fleet-item .fleet-badge.badge-rented {
  direction: ltr;
  unicode-bidi: isolate;
}

[dir="rtl"] .cal-detail-meta .num-ltr,
[dir="rtl"] .summary-row .val,
[dir="rtl"] #summary-total-price,
[dir="rtl"] #payment-total-price {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* Keep amounts right-aligned in RTL cards/tables while digits stay LTR */
[dir="rtl"] .metric-value,
[dir="rtl"] .rapport-kpi__value,
[dir="rtl"] .recent-amount,
[dir="rtl"] .detail-value--total,
[dir="rtl"] .detail-value--reste {
  text-align: right;
}

/* Mixed metric deltas: isolate numeric runs without flipping Arabic labels */
[dir="rtl"] .metric-delta .num-ltr,
[dir="rtl"] .num-ltr {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

[dir="rtl"] .hero-title,
[dir="rtl"] .hero-desc,
[dir="rtl"] .hero-eyebrow {
  text-align: right;
}

/* Modals */
[dir="rtl"] .modal,
[dir="rtl"] .modal-title,
[dir="rtl"] .modal-sub,
[dir="rtl"] .modal .form-label,
[dir="rtl"] .modal .form-hint,
[dir="rtl"] .modal .recap-label,
[dir="rtl"] .modal .recap-title,
[dir="rtl"] .modal .detail-section-title,
[dir="rtl"] .modal .detail-value,
[dir="rtl"] .modal .detail-muted,
[dir="rtl"] .modal .step-label,
[dir="rtl"] .modal .whatsapp-choice-title,
[dir="rtl"] .modal .whatsapp-choice-desc,
[dir="rtl"] .modal .confirm-modal-message {
  text-align: right;
}

[dir="rtl"] .modal-header,
[dir="rtl"] .confirm-modal-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .confirm-modal-header {
  text-align: right;
}

[dir="rtl"] .confirm-modal-text {
  text-align: right;
}

[dir="rtl"] .modal-footer:not(.modal-footer--steps) {
  flex-direction: row-reverse;
}

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

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

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

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

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

[dir="rtl"] .client-mode-tabs {
  flex-direction: row-reverse;
}

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

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

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

[dir="rtl"] .whatsapp-choice-btn {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .detail-grid,
[dir="rtl"] .detail-vehicle {
  text-align: right;
}

[dir="rtl"] .modal .dash-input-suffix {
  right: auto;
  left: 12px;
}

[dir="rtl"] .btn#btnNextStep i.iconoir-nav-arrow-right,
[dir="rtl"] .btn#btnPrevStep i.iconoir-nav-arrow-left {
  transform: scaleX(-1);
}

[dir="rtl"] .modal-overlay .modal,
[dir="rtl"] .modal-overlay {
  text-align: right;
  direction: rtl;
}