html[dir="rtl"],
html[lang^="ar"] {
  direction: rtl;
}

html[dir="rtl"] body,
html[lang^="ar"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] select,
html[lang^="ar"] textarea {
  font-family: "Almarai", "Noto Sans Arabic", system-ui, sans-serif;
}

html[dir="rtl"] body,
html[lang^="ar"] body {
  text-align: right;
}

html[dir="rtl"] .site-header,
html[dir="rtl"] .site-footer,
html[dir="rtl"] .news-item-info,
html[dir="rtl"] .world-news-info,
html[dir="rtl"] .search-popup,
html[dir="rtl"] .main-navigation,
html[lang^="ar"] .site-header,
html[lang^="ar"] .site-footer,
html[lang^="ar"] .news-item-info,
html[lang^="ar"] .world-news-info,
html[lang^="ar"] .search-popup,
html[lang^="ar"] .main-navigation {
  text-align: right;
}

html[dir="rtl"] .search-field,
html[dir="rtl"] input[type="search"],
html[lang^="ar"] .search-field,
html[lang^="ar"] input[type="search"] {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .header-container,
html[dir="rtl"] .world-news-container,
html[dir="rtl"] .news-list,
html[lang^="ar"] .header-container,
html[lang^="ar"] .world-news-container,
html[lang^="ar"] .news-list {
  direction: rtl;
}

html[dir="rtl"] .running-string-content,
html[lang^="ar"] .running-string-content {
  direction: rtl;
}

html[dir="rtl"] .site-logo-url,
html[lang^="ar"] .site-logo-url {
  margin-inline: 0;
  justify-content: flex-end;
}

html[dir="rtl"] .site-logo-url img,
html[lang^="ar"] .site-logo-url img {
  object-position: right center;
}

html[dir="rtl"] .header-container,
html[lang^="ar"] .header-container {
  justify-content: space-between;
}

html[dir="rtl"] .header-right,
html[lang^="ar"] .header-right {
  justify-content: flex-start;
}

html[dir="rtl"] .menu-toggle,
html[lang^="ar"] .menu-toggle {
  margin-inline-left: 0;
  margin-inline-right: auto;
}

html[dir="rtl"] .primary-menu-container a,
html[lang^="ar"] .primary-menu-container a {
  text-align: right;
}