/* Komodo Organic - Arabic RTL overrides v1 */
:root[dir="rtl"], html[dir="rtl"] body { direction: rtl; }
html[lang="ar"], html[lang="ar"] body,
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6,
html[lang="ar"] p, html[lang="ar"] a, html[lang="ar"] span, html[lang="ar"] li, html[lang="ar"] div,
html[lang="ar"] input, html[lang="ar"] textarea, html[lang="ar"] button, html[lang="ar"] label, html[lang="ar"] .btn {
  font-family: 'Tajawal', system-ui, 'Segoe UI', Tahoma, sans-serif;
}
html[dir="rtl"] body { text-align: right; }
/* keep latin brand tokens LTR so logo & emails read correctly */
html[dir="rtl"] .brand, html[dir="rtl"] .logo, html[dir="rtl"] .wordmark,
html[dir="rtl"] [class*="logo"] b, html[dir="rtl"] [class*="brand"] b,
html[dir="rtl"] .site-logo, html[dir="rtl"] a[href="/ar/"] { direction: ltr; }
html[dir="rtl"] .nav-lang { direction: ltr; }
/* form fields right aligned */
html[dir="rtl"] .form-control, html[dir="rtl"] input, html[dir="rtl"] textarea { text-align: right; }
html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="tel"] { text-align: right; direction: rtl; }
/* flip directional arrows used as decorative glyphs */
html[dir="rtl"] .pcard-arrow, html[dir="rtl"] .card-arrow, html[dir="rtl"] .arrow,
html[dir="rtl"] .btn-arrow, html[dir="rtl"] .link-arrow, html[dir="rtl"] .cta-arrow { display: inline-block; transform: scaleX(-1); }
/* breadcrumb reads right-to-left naturally with direction rtl; ensure separators sit inline */
html[dir="rtl"] .page-hero-breadcrumb { direction: rtl; }
/* numbers, prices, latin codes stay LTR inline */
html[dir="rtl"] .phs-num, html[dir="rtl"] .stat-num, html[dir="rtl"] .num { unicode-bidi: plaintext; }
/* footer credit line keep Mighty Leap ltr */
html[dir="rtl"] .footer-credit a, html[dir="rtl"] .credit a { direction: ltr; display:inline-block; }

/* v2: fix RTL mega-menu overflow — anchor dropdowns to the right so they open leftward */
html[dir="rtl"] .nav-item.has-dropdown .dropdown{ left:auto !important; right:-40px !important; }
html[dir="rtl"] .nav-item.has-dropdown .dropdown.dropdown--slim{ right:0 !important; }