[data-rf-native-language] { display: none !important; }
.rf-lang { position: relative; display: inline-flex; flex: 0 0 auto; z-index: 40; }
.rf-lang__trigger {
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  min-width: 40px; height: 38px; padding: 0 5px; margin: 0;
  border: 1px solid #0e402126; border-radius: 12px;
  background: #fff; color: #0e4021; cursor: pointer; line-height: 1;
}
.rf-lang__trigger > svg { display: block; width: 20px; height: 20px; flex: none; }
.rf-lang__trigger > .rf-lang__chevron { width: 10px; height: 10px; }
.rf-lang__badge { display: none; font-size: 12px; font-weight: 400; }
.rf-lang__trigger:hover, .rf-lang__option:hover { background: #f7f1e5; }
.rf-lang__trigger:focus-visible, .rf-lang__option:focus-visible {
  outline: 2px solid #0e4021; outline-offset: 3px;
}
.rf-lang__popup {
  position: absolute; inset-inline-start: 0; top: calc(100% + 8px);
  display: grid; gap: 4px; width: 172px; max-width: calc(100vw - 24px);
  padding: 6px; margin: 0; border: 1px solid #0e40211f; border-radius: 14px;
  background: #fff; box-shadow: 0 12px 32px #0e40211a; color: #0e4021;
}
.rf-lang__popup[hidden] { display: none !important; }
.rf-lang__option {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  width: 100%; min-height: 42px; padding: 9px 12px; margin: 0;
  border: 0; border-radius: 9px; background: transparent; color: inherit;
  font-size: 14px; font-weight: 400; line-height: 1.5; text-align: start; cursor: pointer;
}
.rf-lang__check { visibility: hidden; font-family: sans-serif !important; }
.rf-lang__option[aria-checked="true"] { background: #0e4021; color: #fff; }
.rf-lang__option[aria-checked="true"] .rf-lang__check { visibility: visible; }
@media (min-width: 640px) {
  .rf-lang__badge { display: inline; }
  .rf-lang__trigger { gap: 5px; padding-inline: 8px; }
}

/* English glyphs use Vonca; the menu's Arabic label inherits the current font. */
.rf-lang__trigger,
.rf-lang__option[lang="en"],
.rf-lang__option[lang="en"] span {
  font-family: "ROFATCHA Vonca Site", sans-serif !important;
}
html[data-rofatcha-language="en"],
html[data-rofatcha-language="en"] body,
html[data-rofatcha-language="en"] #__next {
  direction: ltr !important;
}
html[data-rofatcha-language="ar"],
html[data-rofatcha-language="ar"] body,
html[data-rofatcha-language="ar"] #__next {
  direction: rtl !important;
}
html[data-rofatcha-language="en"] body { text-align: start; }
html[data-rofatcha-language="en"] :where(.text-right,[align="right"],.ql-align-right) {
  text-align: left !important;
}