/* Additional Kurdish mobile menu fixes */
html[dir="rtl"] header.menu-open #mainmenu {
    text-align: right;
}

html[dir="rtl"] header.menu-open #mainmenu > li {
    width: 100%;
    text-align: right;
}

html[dir="rtl"] header.menu-open #mainmenu > li > ul {
    width: 100%;
    text-align: right;
}

html[dir="rtl"] header.menu-open #mainmenu > li > ul > li {
    text-align: right;
}

html[dir="rtl"] header.menu-open #mainmenu li ul.mega li {
    float: right;
    text-align: right;
}

html[dir="rtl"] header.header-mobile.menu-open {
    text-align: right !important;
}

/* Force mobile menu items to be right-aligned in Kurdish */
@media only screen and (max-width: 992px) {
    html[dir="rtl"] #mainmenu {
        text-align: right !important;
        padding-right: 0 !important;
    }

    html[dir="rtl"] #mainmenu li {
        width: 100%;
        display: block;
        text-align: right !important;
        padding-right: 15px !important;
        padding-left: 0 !important;
        float: none !important;
    }

    html[dir="rtl"] #mainmenu li a {
        text-align: right !important;
        padding-right: 10px !important;
        display: block !important;
        width: 100% !important;
    }

    html[dir="rtl"] #mainmenu > li > ul {
        position: relative;
        visibility: visible;
        opacity: 1;
        width: 100%;
        right: 0;
        left: auto !important;
        text-align: right !important;
    }

    html[dir="rtl"] #mainmenu li ul.mega {
        width: 100%;
        right: 0;
        left: auto !important;
    }

    html[dir="rtl"] #mainmenu li ul li a {
        text-align: right !important;
        padding-right: 25px !important;
    }

    html[dir="rtl"] #mainmenu li ul.mega .sb-menu .row .col-lg-1-5 {
        text-align: right !important;
    }

    html[dir="rtl"] .de-flex-col {
        text-align: right !important;
    }

    html[dir="rtl"] header.header-mobile .menu_side_area {
        float: left !important;
    }

    /* Make sure the mobile menu toggle is aligned right */
    html[dir="rtl"] #menu-btn {
        float: left !important;
        margin-left: 0 !important;
        margin-right: 20px !important;
    }

    /* Fix text alignment in mega menu for company groups */
    html[dir="rtl"] #mainmenu li ul.mega .container .sb-menu .row h6 {
        text-align: right !important;
    }

    /* Enforce RTL menu for Kurdish mobile view */
    html[dir="rtl"] header.header-mobile .de-flex {
        flex-direction: row-reverse !important;
    }

    html[dir="rtl"] header.header-mobile #mainmenu {
        right: 0 !important;
        left: auto !important;
        text-align: right !important;
    }

    /* Fix for menu item spacing in mobile */
    html[dir="rtl"] #mainmenu li a.menu-item {
        padding-right: 15px !important;
        text-align: right !important;
    }
}

/* Special mobile menu alignment for Kurdish */
html[dir="rtl"] header.menu-open #mainmenu {
    direction: rtl !important;
}

/* Override any conflicting styles */
html[dir="rtl"] header.menu-open #mainmenu li {
    float: none !important;
    text-align: right !important;
}

/* Force menu items to appear on the right side as shown in the screenshot */
.ku-menu-fix {
    text-align: right !important;
    float: right !important;
}

.ku-menu-fix li {
    text-align: right !important;
    float: right !important;
}

.ku-menu-fix li a {
    text-align: right !important;
}

/* Special handling for header-mobile class */
header.header-mobile .ku-menu-fix {
    padding-right: 0 !important;
}

/* Mobile specific fixes */
@media only screen and (max-width: 767px) {
    html[dir="rtl"] header.menu-open .de-flex-col {
        width: 100% !important;
    }

    html[dir="rtl"] #mainmenu {
        width: 100% !important;
        text-align: right !important;
    }

    html[dir="rtl"] header.menu-open #mainmenu > li {
        padding-right: 15px !important;
    }

    /* Remove any unwanted margins that might be pushing elements left */
    html[dir="rtl"] #mainmenu li {
        margin-left: 0 !important;
    }
}