/* RTL Support for Arabic Locale */
html[dir="rtl"], [dir="rtl"] {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body {
  font-family: "Cairo", "Noto Sans Arabic", "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "DM Sans", sans-serif;
}

html[dir="rtl"] .logo {
  font-family: "Space Grotesk", "Cairo", sans-serif;
  flex-direction: row;
}

html[dir="rtl"] .hero h1,
html[dir="rtl"] .quiz-heading h1,
html[dir="rtl"] .challenge-gate h1,
html[dir="rtl"] .center-card h1,
html[dir="rtl"] .result-card h1 {
  font-family: "Space Grotesk", "Cairo", sans-serif;
  letter-spacing: normal;
}

html[dir="rtl"] .home-intro,
html[dir="rtl"] .home-intro .hero-copy,
html[dir="rtl"] .home-intro .hero-copy h1,
html[dir="rtl"] .home-intro .hero-copy p {
  text-align: center;
}

html[dir="rtl"] .question-title {
  font-family: "Space Grotesk", "Cairo", sans-serif;
  text-align: right;
  letter-spacing: normal;
}

html[dir="rtl"] .name-input-label {
  text-align: right;
  display: flex;
  align-items: center;
  gap: 8px;
}

html[dir="rtl"] .steps-compact-title {
  text-align: right;
}

html[dir="rtl"] .step-compact-item {
  flex-direction: row;
  text-align: right;
}

html[dir="rtl"] .step-compact-item .step-num {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] .quiz-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

html[dir="rtl"] .quiz-actions .button:last-child {
  margin-right: auto;
  margin-left: 0;
}

html[dir="rtl"] .quiz-actions .button[data-back] {
  margin-left: 0;
}

html[dir="rtl"] .share-link .button {
  border-width: 0 2px 0 0;
}

html[dir="rtl"] .ad-slot span {
  right: 7px;
  left: auto;
}

html[dir="rtl"] .leader-row strong {
  text-align: left;
}

html[dir="rtl"] .locale-menu .locale-options {
  right: auto;
  left: 0;
}

html[dir="rtl"] .option-image-card .card-text-box {
  text-align: center;
  font-family: "Cairo", "Noto Sans Arabic", "Tajawal", -apple-system, BlinkMacSystemFont, sans-serif;
}

html[dir="rtl"] .option span {
  text-align: right;
}

html[dir="rtl"] .step-grid article {
  text-align: right;
}

html[dir="rtl"] .dashboard-section-title {
  text-align: right;
}

html[dir="rtl"] .attempt-summary {
  flex-direction: row;
  text-align: right;
}

html[dir="rtl"] .attempt-answers {
  text-align: right;
}

html[dir="rtl"] .consent-banner {
  text-align: right;
}

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

html[dir="rtl"] .progress i {
  float: right;
}

html[dir="rtl"] .button {
  font-family: "Cairo", "Noto Sans Arabic", "Tajawal", "DM Sans", sans-serif;
}

html[dir="rtl"] .name-input {
  font-family: "Cairo", "Noto Sans Arabic", "Tajawal", "DM Sans", sans-serif;
  text-align: right;
}