/* Arabic Font Fixes for Top Bar */
.main-navigation ul li a,
.site-header .main-navigation ul li a,
.header_sticky .main-navigation ul li a,
.burger_content .main-navigation ul li a {
    font-family: 'Tajawal', sans-serif !important;
    font-weight: 500;
}

/* Ensure dropdown menu items use Tajawal font */
.main-navigation ul.sub-menu li a {
    font-family: 'Tajawal', sans-serif !important;
    font-weight: 400;
}

/* Fix text direction for RTL Arabic in menu items */
.menu-item a .text-wrapper,
.menu-item a .text,
.menu-item a .text.is-absolute {
    direction: rtl !important;
    text-align: right;
}

/* Ensure individual word spans maintain proper display */
.menu-item a .text span {
    direction: rtl !important;
}

/* Fix dropdown menu positioning for خدماتنا */
.main-navigation ul.sub-menu {
    display: flex;
    flex-direction: column;
    gap: calc(var(--vw) * 1.11);
    align-items: flex-start;
    border-radius: calc(var(--vw) * .55);
    background: #26282c;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    position: absolute;
    bottom: calc(-100% - var(--vw) * 9);
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
    padding: calc(var(--vw) * 1.66);
    opacity: 0;
    pointer-events: none;
    transition-duration: .3s;
    z-index: 999;
    min-width: max-content;
}

.main-navigation ul.sub-menu.active {
    opacity: 1;
    pointer-events: all;
}

.main-navigation ul.sub-menu::before {
    content: '';
    width: calc(var(--vw) * 1.25);
    height: calc(var(--vw) * .69);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('https://um.marketing/wp-content/themes/um/assets/img/arrow_sub_wrapper.svg');
    display: flex;
    position: absolute;
    top: calc(var(--vw) * -.69);
    left: 50%;
    transform: translateX(-50%);
}

/* Fix sub-menu link text direction */
.sub-menu li a,
.sub-menu li a .text-wrapper,
.sub-menu li a .text,
.sub-menu li a .text.is-absolute {
    direction: rtl !important;
    text-align: right;
}

/* Mobile dropdown fixes */
@media (max-width: 1200px) {
    .main-navigation ul.sub-menu {
        gap: calc(var(--vw) * 1.11);
        align-items: flex-start;
        border-radius: 0;
        background: transparent !important;
        backdrop-filter: none;
        position: relative;
        margin: 0 !important;
        padding: 0;
        opacity: 0;
        pointer-events: none;
        transition-duration: .3s;
        height: 0;
        overflow: hidden;
        bottom: auto;
        left: auto;
        transform: none;
    }

    .main-navigation ul.sub-menu.active {
        opacity: 1;
        pointer-events: all;
        height: auto;
        padding-top: calc(var(--vw) * 2.44);
        position: relative;
    }

    .main-navigation ul.sub-menu::before {
        display: none;
    }
}

/* Ensure proper font rendering */
.main-navigation ul li a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}