/* RTL overrides – only active when html[dir="rtl"] */

html[dir="rtl"] body {
  text-align: right;
  line-height: 1.75;
  font-feature-settings: "kern" 1;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .page-header h1,
html[dir="rtl"] .card-header h3,
html[dir="rtl"] .agent-name,
html[dir="rtl"] .stat-content h3 {
  font-weight: 700;
  letter-spacing: 0;
}

html[dir="rtl"] .nav-item,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .section-nav-link,
html[dir="rtl"] .btn-primary,
html[dir="rtl"] .btn-secondary,
html[dir="rtl"] .btn-sm,
html[dir="rtl"] label,
html[dir="rtl"] th {
  font-weight: 600;
}

html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] .filter-select {
  font-weight: 500;
}

/* Back arrows: mirror fa-arrow-left in RTL */
html[dir="rtl"] .back-link .fa-arrow-left,
html[dir="rtl"] .sub-page-nav .fa-arrow-left {
  transform: scaleX(-1);
}

/* Breadcrumbs – chevron separators (if any remain) point correctly in RTL */
html[dir="rtl"] .breadcrumbs .separator .fa-chevron-right,
html[dir="rtl"] .breadcrumbs .fa-chevron-right {
  transform: scaleX(-1);
}

html[dir="rtl"] .breadcrumbs a,
html[dir="rtl"] .breadcrumbs .current {
  flex-direction: row-reverse;
}

/* Language toggle */
.lang-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 6px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  color: #64748b;
  transition: all 0.15s;
  font-family: inherit;
}
.lang-toggle:hover {
  background: #f1f5f9;
  color: #374151;
}
.lang-toggle span.active {
  color: #2563eb;
}
.lang-toggle-sep {
  color: #cbd5e1;
  font-weight: 400;
}

/* Admin sidebar */
html[dir="rtl"] .sidebar {
  left: auto;
  right: 0;
  border-right: none;
  border-left: 1px solid var(--border, #e2e8f0);
}
html[dir="rtl"] .main-content {
  margin-left: 0 !important;
  margin-right: 260px;
}
html[dir="rtl"] .nav-item.active {
  border-left: none;
  border-right: 3px solid var(--primary, #2563eb);
}
html[dir="rtl"] #sidebarNotifBadge {
  margin-left: 0;
  margin-right: auto;
}

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

/* Login page */
html[dir="rtl"] .back-link {
  left: auto;
  right: 24px;
}
html[dir="ltr"] .back-link {
  left: 24px;
  right: auto;
}

/* Mobile responsive – admin sidebar */
@media (max-width: 768px) {
  html[dir="rtl"] .main-content {
    margin-right: 0 !important;
  }
}

/* Slide animations for RTL toasts */
@keyframes slideInRight {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
@keyframes slideInLeft {
  from { transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
html[dir="rtl"] [style*="slideInRight"] {
  animation-name: slideInLeft !important;
}