html[dir="rtl"] body {
    text-align: right;
}

/* Global RTL flow for all website sections */
html[dir="rtl"] .mxd-section,
html[dir="rtl"] .mxd-block,
html[dir="rtl"] .mxd-container,
html[dir="rtl"] .grid-container,
html[dir="rtl"] .container,
html[dir="rtl"] .container-fluid,
html[dir="rtl"] .row,
html[dir="rtl"] main,
html[dir="rtl"] section {
    direction: rtl;
}

html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] dt,
html[dir="rtl"] dd,
html[dir="rtl"] figcaption,
html[dir="rtl"] .mxd-block__caption,
html[dir="rtl"] .mxd-block__text,
html[dir="rtl"] .mxd-manifest,
html[dir="rtl"] .mxd-section__text {
    text-align: right;
}

/* Keep marquee mechanics stable in RTL sections */
html[dir="rtl"] .count-marquee-block .marquee,
html[dir="rtl"] .count-marquee-block .marquee__toleft,
html[dir="rtl"] .count-marquee-block .marquee__toright {
    direction: ltr;
}

html[dir="rtl"] .count-marquee-block .marquee__text {
    direction: rtl;
    text-align: right;
}

/* Gallery marquee RTL fix */
html[dir="rtl"] .gallery-marquee-block .marquee,
html[dir="rtl"] .gallery-marquee-block .marquee__top,
html[dir="rtl"] .gallery-marquee-block .marquee__bottom {
    direction: ltr;
}

html[dir="rtl"] .gallery-marquee-block .marquee__item.has-caption p {
    direction: rtl;
    text-align: right;
}

/* Home services section RTL */
html[dir="rtl"] #projects .mxd-section-title,
html[dir="rtl"] #projects .mxd-section-title__title,
html[dir="rtl"] #projects .mxd-section-title__descr,
html[dir="rtl"] #projects .mxd-projects-compare__content {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] #projects .mxd-projects-compare__cards {
    direction: rtl;
}

html[dir="rtl"] #projects .mxd-projects-compare__card {
    direction: rtl;
}

html[dir="rtl"] #projects .mxd-section-title__title h2,
html[dir="rtl"] #projects .mxd-projects-compare__content h2,
html[dir="rtl"] #projects .mxd-projects-compare__content h3 {
    color: #e81d13 !important;
}

#projects .mxd-section-title__title h2,
#projects .mxd-projects-compare__content h2,
#projects .mxd-projects-compare__content h3 {
    color: #e81d13 !important;
}

/* Global Arabic font override */
html[dir="rtl"] {
    --_font-default: "Cairo", "Tahoma", "Segoe UI", sans-serif;
    --_font-accent: "Cairo", "Tahoma", "Segoe UI", sans-serif;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family: var(--_font-default) !important;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .main-title,
html[dir="rtl"] .headline,
html[dir="rtl"] .title {
    font-family: var(--_font-accent) !important;
    letter-spacing: 0;
}

/* Header layout in Arabic */
html[dir="rtl"] .mxd-header {
    direction: rtl;
    top: 3rem;
    left: 3rem;
    width: calc(100% - 6rem);
    padding-top: 0;
}

html[dir="rtl"] .mxd-header__controls {
    direction: rtl;
    display: inline-flex !important;
    align-items: center;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end;
    gap: 0.6rem;
    width: auto;
    max-width: 100%;
    margin-left: 6%;
}

html[dir="rtl"] .mxd-header__controls .ph-arrow-up-right {
    transform: scaleX(-1);
}

html[dir="rtl"] .mxd-header__controls .mxd-color-switcher {
    position: static;
    inset: auto;
    flex: 0 0 auto;
}

html[dir="rtl"] .mxd-header__controls .btn,
html[dir="rtl"] .mxd-header__controls .mxd-color-switcher {
    flex: 0 0 auto;
}

html[dir="rtl"] .mxd-header__controls .mxd-lang-switcher .btn-caption {
    letter-spacing: 0;
}

html[dir="rtl"] .mxd-header__controls .btn .btn-caption {
    white-space: nowrap;
    letter-spacing: 0 !important;
}

.mxd-lang-switcher .btn-caption[lang="ar"] {
    font-family: "Cairo", "Tahoma", "Segoe UI", sans-serif !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
}

/* Fullscreen menu blocks should flow from right to left */
html[dir="rtl"] .mxd-menu__inner {
    direction: rtl;
}

html[dir="rtl"] .main-menu__content,
html[dir="rtl"] .main-menu__content ul,
html[dir="rtl"] .main-menu__content li,
html[dir="rtl"] .mxd-menu__caption,
html[dir="rtl"] .menu-promo__caption {
    text-align: right;
}

/* Keep slider animation math stable, while rendering Arabic text properly */
html[dir="rtl"] #home-hero-slider,
html[dir="rtl"] #home-hero-slider .home-hero-track {
    direction: ltr;
}

html[dir="rtl"] #home-hero-slider .home-hero-caption,
html[dir="rtl"] #home-hero-slider .home-hero-title,
html[dir="rtl"] #home-hero-slider .home-hero-sub,
html[dir="rtl"] #home-hero-slider .home-hero-text {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] #home-hero-slider .home-hero-caption {
    margin-right: 0;
    margin-left: auto;
}

/* Mirror slider controls position and icon direction for RTL */
html[dir="rtl"] #home-hero-slider .home-hero-nav {
    flex-direction: row-reverse;
}

html[dir="rtl"] #home-hero-slider .home-hero-prev svg,
html[dir="rtl"] #home-hero-slider .home-hero-next svg {
    transform: scaleX(-1);
}

@media only screen and (max-width: 767.98px) {
    html[dir="rtl"] .mxd-header__controls {
        gap: 0.45rem;
    }

    html[dir="rtl"] .mxd-header__controls .btn {
        padding-inline: 0.8rem;
    }
}

@media only screen and (min-width: 768px) {
    html[dir="rtl"] .mxd-header {
        top: 4rem;
        left: 6rem;
        width: calc(100% - 12rem);
    }
}

@media only screen and (min-width: 1600px) {
    html[dir="rtl"] .mxd-header {
        left: 9rem;
        width: calc(100% - 18rem);
    }
}