/* ==========================================================================
   Luxana — RTL overrides (Arabic)
   ==========================================================================
   Loaded ONLY when the active page is Arabic (components/head.php, gated on
   current_locale() === 'ar') — never affects any English/legacy page.

   IMPORTANT: this theme (public/assets/css/styles.css — the "Homelengo"
   template Luxana is built on) already ships a large, purpose-built RTL
   ruleset of its own, keyed off a `.rtl` class (search styles.css for
   ".rtl " — header nav/dropdowns, mobile menu, footer columns, forms,
   pagination, property floor plans, FAQ, dashboard layout, etc., roughly
   90 rules). The 6 locale-aware page templates add `rtl` to <body> (see
   html_lang_dir()'s sibling body-class check in each of them) specifically
   to activate that existing ruleset — this file is deliberately NOT a
   full RTL stylesheet rewrite, only the small set of genuinely
   direction-specific gaps that ruleset doesn't cover: things this project
   itself added on top of the theme (the dark/light toggle button, the
   language switcher) and general Arabic type support.
   ========================================================================== */

/* Arabic-friendly type. Brand fonts (Montserrat / Cormorant Garamond, see
   fonts.css) have no Arabic glyphs, so browsers would otherwise silently
   fall back to a generic system Arabic face for every Arabic character
   while headings/UI chrome stay on the brand font for any Latin text
   (prices, the "Luxana" wordmark) mixed into an Arabic page. */
[dir="rtl"] body,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] button {
  font-family: 'Cairo', 'Montserrat', sans-serif;
}
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: 'Cairo', 'Cormorant Garamond', serif;
}

/* .theme-toggle-btn's mobile margin-right reserves space for
   .mobile-nav-toggler at its LTR position (right:0 — see
   luxana-enhancements.css). The theme's own .rtl .mobile-button rule
   (styles.css) moves that toggler to left:0 instead, so the reserved gap
   needs to move with it or the two overlap. */
@media only screen and (max-width: 1099px) {
  .rtl .theme-toggle-btn {
    margin-right: 0;
    margin-left: 42px;
  }
}

/* Defensive guard: with an RTL layout on a page not originally authored
   for it, a stray fixed-width or unmirrored-offset element is the most
   common cause of a horizontal scrollbar. Cheap, harmless safety net. */
[dir="rtl"] body {
  overflow-x: hidden;
}