html[dir="rtl"],
html[dir="rtl"] body {
  font-family: "Tajawal", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[dir="rtl"] .admin-sidebar {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: 1px solid #dfe6ef;
}

html[dir="rtl"] .admin-topbar,
html[dir="rtl"] .admin-main {
  margin-left: 0;
  margin-right: 292px;
}

@media (min-width: 992px) {
  html[dir="rtl"] body.sidebar-collapsed .admin-topbar,
  html[dir="rtl"] body.sidebar-collapsed .admin-main {
    margin-right: 84px;
    margin-left: 0;
  }

  html[dir="rtl"] body.sidebar-collapsed .admin-sidebar:hover,
  html[dir="rtl"] body.sidebar-collapsed .admin-sidebar:focus-within {
    box-shadow: -12px 0 30px rgba(15, 24, 48, .12);
  }
}

html[dir="rtl"] .landing-hero h1,
html[dir="rtl"] .section-kicker {
  font-family: "Tajawal", system-ui, sans-serif;
}

html[dir="rtl"] .landing-hero h1 {
  max-width: 620px;
  font-size: clamp(2.45rem, 4vw, 3.45rem);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: 0;
}

html[dir="rtl"] .bi-arrow-right::before {
  transform: rotate(180deg);
}

@media (max-width: 991px) {
  html[dir="rtl"] .admin-sidebar {
    transform: translateX(100%);
    box-shadow: -12px 0 30px rgba(15, 24, 48, .16);
  }

  html[dir="rtl"] body.sidebar-mobile-open .admin-sidebar {
    transform: translateX(0);
  }

  html[dir="rtl"] .admin-topbar,
  html[dir="rtl"] .admin-main {
    margin-right: 0;
  }
}

html[dir="rtl"] .team-table-wrap .data-table td,
html[dir="rtl"] .admin-table th,
html[dir="rtl"] .admin-table td {
  text-align: right;
}

html[dir="rtl"] .team-table-wrap .file-action-buttons,
html[dir="rtl"] .team-table-wrap .participant-cell,
html[dir="rtl"] .team-resource-card,
html[dir="rtl"] .team-resources-head,
html[dir="rtl"] .admin-main .file-action-buttons {
  direction: rtl;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="date"] {
  direction: ltr;
  text-align: right;
}

@media (max-width: 767px) {
  html[dir="rtl"] .team-table-wrap .data-table td::before {
    text-align: right;
  }

  html[dir="rtl"] .admin-page-head .toolbar-actions,
  html[dir="rtl"] .teams-page .toolbar-actions {
    justify-content: stretch;
  }
}