/* ==================================================================
   Arabic / right-to-left extras. Loaded only when the app language is
   Arabic (partials/head.blade.php). The layouts use logical properties
   (inline-start / inline-end), so only a few things need flipping here.
   ================================================================== */

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  font-family: var(--font-body, 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);
}

/* "Back" / "next" arrows written for left-to-right point the other way */
html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-arrow-right {
  transform: scaleX(-1);
}

/* Values that must stay left-to-right (emails, links, phone numbers) */
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"] {
  direction: ltr;
  text-align: right;
}