/* Arabic mobile header alignment only — desktop and English layouts remain unchanged. */
@media (max-width: 760px) {
  html[dir="rtl"] .header .nav {
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  /* In RTL flex flow, the first item sits on the right. */
  html[dir="rtl"] .header .nav > .brand {
    order: 1;
    flex: 0 0 auto;
    justify-content: flex-start;
    margin: 0;
  }

  html[dir="rtl"] .header .nav > .nav-actions {
    order: 2;
    flex: 0 0 auto;
    width: auto;
    margin: 0;
    justify-content: flex-end;
  }
}