/* Group Taxi - right-to-left (Arabic) adjustments, loaded only when the language is Arabic.
   Bootstrap's own RTL build handles the Bootstrap parts; this file flips the app's own CSS. */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Noto Sans Arabic", "Arabic Typesetting", Arial, sans-serif;
}
html[dir="rtl"] body { text-align: right; }

/* things that must stay left-to-right even inside Arabic text */
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[name*="username"],
html[dir="rtl"] input[name*="phone"],
html[dir="rtl"] input[name*="whatsapp"],
html[dir="rtl"] input[name*="plate"],
html[dir="rtl"] input[name*="year"],
html[dir="rtl"] .ltr,
html[dir="rtl"] code { direction: ltr; text-align: left; unicode-bidi: plaintext; }
html[dir="rtl"] input[type="password"]::placeholder,
html[dir="rtl"] input[type="tel"]::placeholder { text-align: right; }

/* login / signup */
html[dir="rtl"] .toggle-pass { border-radius: 10px 0 0 10px; }
html[dir="rtl"] .input-group-text { border-radius: 0 10px 10px 0; }
html[dir="rtl"] .role-btn { text-align: right; }
html[dir="rtl"] .error-msg,
html[dir="rtl"] .signin-note { text-align: center; }

/* arrows that point "back" or "forward" */
html[dir="rtl"] .bi-arrow-left::before { content: "\f138"; }   /* arrow-right */
html[dir="rtl"] .bi-arrow-right::before { content: "\f12f"; }  /* arrow-left */
html[dir="rtl"] .bi-chevron-right::before { content: "\f284"; }
html[dir="rtl"] .bi-chevron-left::before { content: "\f285"; }

/* language links */
html[dir="rtl"] .gt-lang-switch { direction: ltr; }

/* side menu opens from the right */
html[dir="rtl"] .sidebar { left: auto; right: 0; transform: translateX(100%); border-right: none; border-left: 1px solid rgba(200,134,63,.3); box-shadow: -8px 0 24px -8px rgba(0,0,0,.5); }
html[dir="rtl"] .sidebar.open { transform: translateX(0); }