/**
 * RSN Education Portal - LTR Layout Stylesheet
 * Applied automatically when html[dir="ltr"] or body.ltr-mode is active.
 */

html[dir="ltr"] body,
body.ltr-mode {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  direction: ltr;
  text-align: left;
}

/* Sidebar Mirrored to Left */
html[dir="ltr"] .app-sidebar {
  left: 0;
  right: auto;
  border-right: 1px solid var(--sidebar-border);
  border-left: none;
}

html[dir="ltr"] .main-wrapper {
  margin-left: 280px;
  margin-right: 0;
}

/* Navigation Items & Active Accent */
html[dir="ltr"] .nav-item {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .nav-item.active::before {
  left: -14px;
  right: auto;
  border-radius: 0 2px 2px 0;
}

/* Top Bar */
html[dir="ltr"] .top-bar {
  direction: ltr;
}

html[dir="ltr"] .top-bar-start {
  flex-direction: row;
}

html[dir="ltr"] .topbar-search-box {
  position: relative;
}

html[dir="ltr"] .topbar-search-box i {
  left: 14px;
  right: auto;
}

html[dir="ltr"] .topbar-search-box input {
  padding-left: 38px;
  padding-right: 14px;
  text-align: left;
}

html[dir="ltr"] .top-bar-actions {
  flex-direction: row;
}

html[dir="ltr"] .topbar-user-badge {
  flex-direction: row;
}

html[dir="ltr"] .user-info {
  text-align: left;
}

/* Dashboard Hero */
html[dir="ltr"] .hero-greeting-side {
  text-align: left;
}

html[dir="ltr"] .hero-date-box {
  flex-direction: row;
}

html[dir="ltr"] .date-text {
  text-align: left;
}

/* Stat Cards & KPIs */
html[dir="ltr"] .stat-card {
  text-align: left;
}

html[dir="ltr"] .stat-header-line {
  flex-direction: row;
}

html[dir="ltr"] .stat-trend {
  flex-direction: row;
  justify-content: flex-start;
}

/* Tables */
html[dir="ltr"] .data-table th,
html[dir="ltr"] .data-table td {
  text-align: left;
}

/* Forms & Inputs */
html[dir="ltr"] input,
html[dir="ltr"] select,
html[dir="ltr"] textarea {
  text-align: left;
}

html[dir="ltr"] .form-group label {
  text-align: left;
}

/* Sub-tabs */
html[dir="ltr"] .sub-tabs {
  flex-direction: row;
  justify-content: flex-start;
}

/* Modals */
html[dir="ltr"] .modal-header {
  flex-direction: row;
}

html[dir="ltr"] .modal-header .btn-close,
html[dir="ltr"] .modal-header .modal-close-btn {
  margin-left: auto;
  margin-right: 0;
}

html[dir="ltr"] .modal-footer {
  flex-direction: row;
  justify-content: flex-end;
}

/* Language Toggle Button */
.lang-toggle-btn {
  font-weight: 700;
  font-size: 0.85rem;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px !important;
  width: auto !important;
  min-width: 64px;
  border-radius: var(--radius-full) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.lang-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: var(--color-primary-light) !important;
}

.lang-toggle-btn i {
  color: var(--color-trust-cyan);
}

/* Mobile & Tablet Drawer (LTR) */
@media (max-width: 1024px) {
  html[dir="ltr"] .app-sidebar {
    left: 0 !important;
    right: auto !important;
    border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-left: none !important;
    transform: translate3d(-100%, 0, 0) !important;
  }

  html[dir="ltr"] .app-sidebar.open {
    transform: translate3d(0, 0, 0) !important;
    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.9) !important;
  }

  html[dir="ltr"] .main-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html[dir="ltr"] .sidebar-close-btn {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}