/*
 * Arabic (RTL) overrides for style.css.
 * Only flips direction-dependent rules; colours and sizes stay identical.
 */

html[dir="rtl"] body,
html[dir="rtl"] body *:not(i):not(.fa):not([class*="fa-"]):not(ion-icon) {
    font-family: 'Cairo', Arial, sans-serif !important;
    letter-spacing: 0 !important; /* letter-spacing breaks Arabic letter joining */
}

/* ---------- Header ---------- */
html[dir="rtl"] .header .logo img {
    margin-left: 0;
    margin-right: -30px;
}

html[dir="rtl"] .header .menu > ul > li:not(:last-child) {
    margin-right: 0;
    margin-left: 40px;
}

html[dir="rtl"] .header .menu > ul > .dropdown > a {
    padding-right: 0;
    padding-left: 15px;
}

html[dir="rtl"] .header .menu > ul > li > i {
    right: auto;
    left: 0;
}

html[dir="rtl"] .header .menu .sub-menu {
    left: auto;
    right: 0;
}

html[dir="rtl"] .header .menu .sub-menu-right {
    left: auto;
    right: 100%;
}

html[dir="rtl"] .header .menu .sub-menu .dropdown a {
    padding-right: 24px;
    padding-left: 34px;
}

html[dir="rtl"] .header .menu .sub-menu i {
    transform: rotate(90deg);
    right: auto;
    left: 24px;
}

html[dir="rtl"] .header .menu .sub-menu span {
    background-position: 100% 100%;
}

html[dir="rtl"] .header-right > * {
    margin-left: 0;
    margin-right: 7px;
}

html[dir="rtl"] .header-right .lang-btn {
    margin-left: 0;
    margin-right: 7px;
}

@media (max-width: 991px) {
    html[dir="rtl"] .header .menu {
        right: auto;
        left: 0;
        transform: translateX(-100%);
    }

    html[dir="rtl"] .header .menu.open {
        transform: none;
    }

    html[dir="rtl"] .header .menu > ul > li:not(:last-child) {
        margin-left: 0;
    }

    html[dir="rtl"] .header .menu > ul > .dropdown > a {
        padding-left: 34px;
        padding-right: 0;
    }

    html[dir="rtl"] .header .menu .sub-menu a {
        padding: 12px 15px 12px 0;
    }

    html[dir="rtl"] .header .menu .sub-menu .sub-menu a {
        padding-left: 0;
        padding-right: 30px;
    }

    html[dir="rtl"] .header .menu .sub-menu .sub-menu .sub-menu a {
        padding-left: 0;
        padding-right: 45px;
    }

    html[dir="rtl"] .header .menu .sub-menu i {
        transform: none;
        right: auto;
        left: 0;
    }
}

/* ---------- Products ---------- */
html[dir="rtl"] .product-info-box {
    text-align: right;
}

/* ---------- Careers ---------- */
html[dir="rtl"] .career-faq {
    margin-left: 0;
    margin-right: 0.75rem;
}

html[dir="rtl"] .question button {
    text-align: right;
}

/* ---------- Contact ---------- */
html[dir="rtl"] .cinfo .infoo-box div span {
    margin-right: 0;
    margin-left: 15px;
}

html[dir="rtl"] .scii li {
    margin-right: 0;
    margin-left: 15px;
}

/* ---------- Footer ---------- */
html[dir="rtl"] .contact-icon {
    margin-right: 0;
    margin-left: 8px;
}