/* ─── GoRoute.ai RTL Overrides ──────────────────────────────────
   Scoped to [dir="rtl"] — only active when Arabic (or other RTL) is selected.
   Tailwind handles most RTL via logical properties. These are edge cases.
   ──────────────────────────────────────────────────────────────── */

/* Arabic font — applied globally when RTL active */
[dir="rtl"] body {
    font-family: 'Noto Sans Arabic', 'Inter', system-ui, sans-serif;
}

/* Fix directional margins/paddings that Tailwind doesn't auto-flip */
[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; }

/* Text alignment flips */
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }

/* Flex / spacing — reverse horizontal gaps */
[dir="rtl"] .space-x-2 > :not(:first-child) { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .space-x-3 > :not(:first-child) { margin-left: 0; margin-right: 0.75rem; }
[dir="rtl"] .space-x-4 > :not(:first-child) { margin-left: 0; margin-right: 1rem; }

/* Dropdown menus — flip anchor */
[dir="rtl"] .group .absolute.left-0 { left: auto; right: 0; }

/* Navbar search/icons — flip order for RTL */
[dir="rtl"] .gap-8 { direction: rtl; }

/* Section dot — flip margin */
[dir="rtl"] .section-dot + span { direction: rtl; }

/* Badge and pill layout */
[dir="rtl"] .flex.items-center.gap-2 { direction: rtl; }

/* Mobile menu indentation */
[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }

/* Cookie consent banner RTL */
[dir="rtl"] #goroute-cookie-banner .cc-inner {
    direction: rtl;
}

/* intl-tel-input RTL adjustment */
[dir="rtl"] .iti { direction: ltr; }
[dir="rtl"] .iti__selected-country { border-radius: 0 0.5rem 0.5rem 0; }