.rail-language-panel li a {
  align-items: center;
  color: inherit;
  display: flex;
  min-height: 44px;
  padding: 0 1rem;
  text-decoration: none;
}

.rail-language-panel li a:hover,
.rail-language-panel li a:focus-visible {
  background: var(--navy, #17223b);
  color: #fff;
}

.rail-language-panel li.is-current a {
  color: var(--orange, #d8462e);
  font-weight: 700;
}

.od-language-compact {
  margin-inline-start: auto;
  position: relative;
  z-index: 20;
}

.od-language-compact summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: .55rem;
  list-style: none;
  min-height: 44px;
  padding: .55rem .85rem;
}

.od-language-compact summary::-webkit-details-marker { display: none; }
.od-language-compact summary span { font-size: .7rem; font-weight: 700; text-transform: uppercase; }
.od-language-compact summary strong { font-size: .78rem; }
.od-language-compact ul {
  background: #fff;
  border: 1px solid currentColor;
  inset-inline-end: 0;
  list-style: none;
  margin: 0;
  min-width: 11rem;
  padding: .35rem;
  position: absolute;
  top: 100%;
}
.od-language-compact li a {
  color: #17223b;
  display: block;
  padding: .58rem .72rem;
  text-decoration: none;
}
.od-language-compact li a:hover,
.od-language-compact li a:focus-visible { background: #17223b; color: #fff; }
.od-language-compact li.is-current a { color: #d8462e; font-weight: 700; }

html[dir="rtl"] body {
  direction: rtl;
  font-family: "Noto Sans Arabic", "Tahoma", "Arial", sans-serif;
}

html[lang="ar"] .ce-hero::before {
  content: "أوبن ديسك أوبن ديسك أوبن ديسك أوبن ديسك أوبن ديسك أوبن ديسك";
  letter-spacing: 0;
  word-spacing: .2em;
}

html[dir="rtl"] :is(h1, h2, h3, h4, p, li, label, input, textarea, select, button) {
  letter-spacing: 0 !important;
}

html[dir="rtl"] :is(p, li, h1, h2, h3, h4, label, input, textarea, select) {
  text-align: right;
}

html[dir="rtl"] :is(.desktop-nav, .mobile-menu__nav, .site-footer, .ok-header, .ok-footer, .od-contact) {
  direction: rtl;
}

html[dir="rtl"] :is(.arrow, [aria-hidden="true"] i, .round-arrow, .audience-card__arrow, .support-navigator__arrow) {
  transform: scaleX(-1);
}

html[dir="rtl"] .rail-language-panel { inset-inline: auto 0; }

@media (max-width: 760px) {
  .od-language-compact summary span { display: none; }
  .od-language-compact ul { position: fixed; inset: auto .75rem .75rem; }
}