html[dir="rtl"] .site-nav,
html[dir="rtl"] .header-actions,
html[dir="rtl"] .hero-actions {
  direction: rtl;
}

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

html[dir="rtl"] .dropdown-menu-end {
  --bs-position: start;
}

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