/* =====================================================================
   Right-to-left (Arabic) overrides.
   Loaded only when the active language is RTL. Scoped to the shared
   chrome (topbar, navbar, footer, search, language switcher) plus a
   global direction flip. Page-body RTL polish can be added incrementally.
   ===================================================================== */

html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Helvetica Neue', Arial, sans-serif;
}

/* Keep numbers / latin tokens readable inside RTL flow */
html[dir="rtl"] .hh-lang-current,
html[dir="rtl"] .hh-nav-phone-text,
html[dir="rtl"] .hh-topbar-item span {
    direction: ltr;
    unicode-bidi: embed;
}

/* ---- Topbar ---- */
html[dir="rtl"] .hh-topbar-inner {
    flex-direction: row-reverse;
}
html[dir="rtl"] .hh-topbar-left,
html[dir="rtl"] .hh-topbar-right {
    flex-direction: row-reverse;
}
html[dir="rtl"] .hh-topbar-item i {
    margin-left: 6px;
    margin-right: 0;
}

/* ---- Navbar ---- */
html[dir="rtl"] .hh-nav-inner {
    direction: rtl;
}
html[dir="rtl"] .navbar-nav {
    padding-right: 0;
}
html[dir="rtl"] .dropdown-menu {
    text-align: right;
    left: auto;
    right: 0;
}
html[dir="rtl"] .dropdown-arrow,
html[dir="rtl"] .hh-link-text {
    margin-left: 0;
}

/* ---- Search ---- */
html[dir="rtl"] .hh-search-panel {
    flex-direction: row-reverse;
}
html[dir="rtl"] .hh-search-input {
    text-align: right;
}
html[dir="rtl"] .hh-search-results {
    left: auto;
    right: 0;
    text-align: right;
}
html[dir="rtl"] .hh-search-result {
    flex-direction: row-reverse;
    text-align: right;
}

/* ---- Language switcher ---- */
html[dir="rtl"] .hh-lang-menu {
    left: auto;
    right: 0;
    text-align: right;
}

/* ---- Footer ---- */
html[dir="rtl"] .hh-footer-top,
html[dir="rtl"] .hh-footer-cols,
html[dir="rtl"] .hh-footer-bottom {
    direction: rtl;
}
html[dir="rtl"] .hh-footer-socials {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
html[dir="rtl"] .hh-footer-col ul {
    padding-right: 0;
}

/* ---- Generic: flip the arrow/CTA icons that point "forward" ---- */
html[dir="rtl"] .hh-cta-btn-icon,
html[dir="rtl"] .nav-cta-btn .bx-right-arrow-alt {
    transform: scaleX(-1);
}