html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Tajawal', 'Segoe UI', sans-serif;
}

html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .card,
html[dir="rtl"] .accordion-button,
html[dir="rtl"] .list-group-item,
html[dir="rtl"] .fk-search-zone__inner,
html[dir="rtl"] .inv-section__body,
html[dir="rtl"] .inv-section__lead,
html[dir="rtl"] .wcp-hero,
html[dir="rtl"] .wif-hero,
html[dir="rtl"] .services-hero,
html[dir="rtl"] .services-content,
html[dir="rtl"] .contact-info-card,
html[dir="rtl"] .about-story,
html[dir="rtl"] .about-principles,
html[dir="rtl"] .about-cta {
    text-align: right;
}

html[dir="rtl"] .navbar-nav,
html[dir="rtl"] .hero-features,
html[dir="rtl"] .hero-trust-bar,
html[dir="rtl"] .hero-cta-row,
html[dir="rtl"] .wcp-hero-actions,
html[dir="rtl"] .wif-hero-actions,
html[dir="rtl"] .wcp-cta-actions,
html[dir="rtl"] .wif-cta-actions,
html[dir="rtl"] .inv-hero__cta,
html[dir="rtl"] .hero-ai-search,
html[dir="rtl"] .hero-open-assistant,
html[dir="rtl"] .ai-chips {
    direction: rtl;
}

html[dir="rtl"] .accordion-button::after,
html[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.255em;
    margin-left: 0;
}

html[dir="rtl"] .service-features .feature-list,
html[dir="rtl"] .fk-signals,
html[dir="rtl"] .fk-fallback__inner,
html[dir="rtl"] .inv-materials-list,
html[dir="rtl"] .inv-exec-list {
    padding-right: 0;
}

/* -------------------------------------------------------
   RTL navbar: logo fix
   The SVG logo uses text-anchor="start" (LTR logic).
   When direction:rtl is inherited, the text renders
   right-to-left and exits the viewBox entirely, making
   the logo invisible. Force LTR on the brand element so
   the SVG text stays inside its viewBox.
   Also move the brand to the right end of the desktop
   navbar shell with flex-direction:row-reverse.
------------------------------------------------------- */
html[dir="rtl"] .navbar-brand {
    direction: ltr;
    unicode-bidi: isolate;
}

@media (min-width: 992px) {
    html[dir="rtl"] .navbar-industrial .navbar-nav.me-auto {
        margin-right: 0 !important;
        margin-left: auto !important;
    }
}