/* Directional layout for the Arabic business portal. Keep phone, email and time data LTR. */
html[dir="rtl"] #company,
html[dir="rtl"] #services,
html[dir="rtl"] #dashboard,
html[dir="rtl"] #control,
html[dir="rtl"] #auth { direction: rtl; text-align: start; }

html[dir="rtl"] .top nav .lang-list { right: auto; left: 0; }
html[dir="rtl"] .top nav .lang-list button { text-align: start; }
html[dir="rtl"] .time-schedule-head,
html[dir="rtl"] .time-schedule-row { direction: rtl; }
html[dir="rtl"] .booking-success-card { text-align: right; }
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="time"],
html[dir="rtl"] input[type="date"],
html[dir="rtl"] input[inputmode="numeric"] { direction: ltr; text-align: left; }

@media (max-width: 860px) {
  html[lang="en"] .top nav::before { content: "MENU"; }
  html[lang="ar"] .top nav::before { content: "القائمة"; }
  html[dir="rtl"] .top nav {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 1px solid #e5ebf0;
    box-shadow: -22px 0 55px #10223d1d;
    transform: translateX(105%);
  }
  html[dir="rtl"] .top.menu-open nav { transform: translateX(0); }
  html[dir="rtl"] .top nav::before { left: auto; right: 18px; }
  html[dir="rtl"] .top nav .nav,
  html[dir="rtl"] .top nav .primary { text-align: start; }
  html[dir="rtl"] .top nav .lang-trigger { justify-content: flex-start; }
}