/* Right-to-left layout for the Arabic interface (2026-10-25).
   Loaded only when the `lang` cookie is "ar" (includes/lang.php → lang_rtl_css()), after bento.css.
   Bootstrap itself comes from the vendored bootstrap.rtl.min.css (5.3.0) in Arabic. */
html[dir="rtl"] body,
html[dir="rtl"] .bn-theme,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button {
    font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, "Geeza Pro", "Bricolage Grotesque", sans-serif;
}
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end { text-align: left !important; }

/* Latin-only content (prices, dates, PNRs, passport numbers, emails, phones) stays left-to-right */
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="date"],
html[dir="rtl"] input[type="time"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] input[name*="passport"],
html[dir="rtl"] input[name*="phone"],
html[dir="rtl"] input[name*="telephone"] { direction: ltr; text-align: right; }
html[dir="rtl"] bdi[dir="ltr"], html[dir="rtl"] .ltr { direction: ltr; unicode-bidi: isolate; }

/* Directional icons point the other way */
html[dir="rtl"] .fa-arrow-right, html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-angle-right, html[dir="rtl"] .fa-angle-left,
html[dir="rtl"] .fa-chevron-right, html[dir="rtl"] .fa-chevron-left,
html[dir="rtl"] .fa-long-arrow-right, html[dir="rtl"] .fa-long-arrow-left,
html[dir="rtl"] .fa-plane, html[dir="rtl"] .fa-plane-departure,
html[dir="rtl"] .bi-arrow-right, html[dir="rtl"] .bi-arrow-left,
html[dir="rtl"] .bi-chevron-right, html[dir="rtl"] .bi-chevron-left,
html[dir="rtl"] .bn-arrow { transform: scaleX(-1); display: inline-block; }


/* Payment box, booking notes and statement: text starts on the right */
html[dir="rtl"] .pay-box, html[dir="rtl"] .pay-msg, html[dir="rtl"] .nab-note, html[dir="rtl"] .stm-note { text-align: right; }
html[dir="rtl"] .pay-credit-banner { border-left-width: 1px !important; border-right: 4px solid #dc2626 !important; }

/* Off-canvas menus / decorations parked off-screen must not widen the page in RTL */
html[dir="rtl"], html[dir="rtl"] body { overflow-x: hidden; max-width: 100%; }
html[dir="rtl"] .bn-signin, html[dir="rtl"] .bn-signin span { white-space: nowrap; }
@media (max-width: 480px) { html[dir="rtl"] .bn-signin span { display: none; } html[dir="rtl"] .bn-bar { gap: 8px; } }