@font-face {
  font-family: "Noto Naskh Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/arabic/noto-naskh-arabic-arabic-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Naskh Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/fonts/arabic/noto-naskh-arabic-arabic-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Naskh Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/fonts/arabic/noto-naskh-arabic-arabic-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Naskh Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/assets/fonts/arabic/noto-naskh-arabic-arabic-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/fonts/arabic/noto-sans-arabic-arabic-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("/assets/fonts/arabic/noto-sans-arabic-arabic-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("/assets/fonts/arabic/noto-sans-arabic-arabic-700-normal.woff2") format("woff2");
}

html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body.night-ash-vi {
  --na-display: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --na-body: "Noto Naskh Arabic", Tahoma, Arial, sans-serif;
  --na-sans: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --news-display: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --news-body: "Noto Naskh Arabic", Tahoma, Arial, sans-serif;
  --ledger-display: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --ledger-body: "Noto Naskh Arabic", Tahoma, Arial, sans-serif;
  --xai-display: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  --xai-body: "Noto Naskh Arabic", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] body {
  font-family: "Noto Naskh Arabic", Tahoma, Arial, sans-serif !important;
  text-align: start;
}

html[dir="rtl"] :where(
  button,
  input,
  select,
  textarea,
  nav,
  .button,
  .eyebrow,
  .kicker,
  .tag,
  .meta,
  .stat,
  .language-switcher,
  [class*="label"],
  [class*="status"]
) {
  font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif !important;
}

html[dir="rtl"] :where(h1, h2, h3, h4, h5, h6) {
  font-family: "Noto Sans Arabic", Tahoma, Arial, sans-serif !important;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.28;
}

html[dir="rtl"] :where(
  .hero--home h1,
  .ledger-hero h1,
  .na-brand,
  .xai-brand,
  .language-switcher
) {
  font-family: "Cinzel", Georgia, serif !important;
}

html[dir="rtl"] :where(p, li, blockquote, dd, figcaption) {
  line-height: 1.85;
}

html[dir="rtl"] :where(
  .na-brand,
  .xai-brand,
  .na-site-header__utility,
  .language-switcher,
  code,
  kbd,
  pre,
  samp,
  .mono,
  [data-technical-token]
) {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] :where(.news-language, .ledger-language, .xai-language) {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
  :is(.news-topbar .na-brand, .ledger-topbar .na-brand, .xai-topbar .xai-brand) {
  padding-inline: 24px 0 !important;
  border-right: 0 !important;
  border-left: 1px solid rgba(224, 211, 183, 0.2) !important;
}

html[dir="rtl"] body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
  :is(.news-language, .ledger-language, .xai-language) {
  padding-inline: 13px 0 !important;
  border-left: 0 !important;
  border-right: 1px solid rgba(224, 211, 183, 0.2) !important;
}

html[dir="rtl"] body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
  :is(.news-language, .ledger-language, .xai-language) a {
  width: 32px !important;
  min-width: 32px !important;
  font-size: 12px !important;
}

html[dir="rtl"] .language-switcher {
  margin-inline-start: 12px;
  margin-inline-end: 0;
}

html[dir="rtl"] .language-switcher a {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] :where(
  .topbar__inner,
  .na-site-header__inner,
  .news-topbar__inner,
  .ledger-topbar__inner,
  .xai-topbar__inner
) {
  direction: rtl;
}

html[dir="rtl"] :where(
  .hero__copy,
  .section-heading,
  .news-story__body,
  .news-card__copy,
  .ledger-story,
  .xai-entry,
  .xai-copy,
  .prose,
  article
) {
  text-align: start;
}

html[dir="rtl"] :where(
  .news-card__meta,
  .news-story__meta,
  .ledger-chart__facts,
  .ledger-chart__legend,
  .xai-entry__meta,
  .xai-stat-grid
) {
  direction: rtl;
}

html[dir="rtl"] :where(
  .news-card__meta time,
  .news-story__meta time,
  .ledger-chart__facts strong,
  .ledger-chart__legend,
  .xai-entry__meta time,
  .xai-price,
  .hash,
  .address
) {
  direction: ltr;
  unicode-bidi: isolate;
}

html[dir="rtl"] :where(
  .arrow,
  .chevron,
  [data-lucide="arrow-right"],
  [data-lucide="chevron-right"],
  [data-lucide="move-right"]
) {
  transform: scaleX(-1);
}

html[dir="rtl"] :where(input, textarea) {
  text-align: start;
}

html[dir="rtl"] :where(input[type="email"], input[type="url"], input[data-address]) {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] :where(svg text, canvas) {
  direction: ltr;
}

html[dir="rtl"] :where(.social-links, .icon-links, .ledger-chart__legend) {
  direction: ltr;
}

html[dir="rtl"] .skip-link {
  inset-inline-start: 12px;
  inset-inline-end: auto;
}

@media (max-width: 980px) {
  html[dir="rtl"] .language-switcher {
    margin-inline-start: 0;
    margin-inline-end: auto;
  }

  html[dir="rtl"] body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-language, .ledger-language, .xai-language) {
    padding: 0 !important;
    border: 1px solid rgba(224, 211, 183, 0.2) !important;
  }

  html[dir="rtl"] body.night-ash-vi.night-ash-vi:not(#na-section-header-authority)
    :is(.news-language, .ledger-language, .xai-language) a {
    width: 28px !important;
    min-width: 28px !important;
    font-size: 11px !important;
  }
}