/**
 * Arabic header layout: language switch left, nav centered, logo right.
 * Only applied when html has lang="ar". Load this file only on the Arabic index page.
 */

/* Three-part layout: lang (left), center (nav), logo (right) */
html[lang="ar"] #site-header .nav-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    direction: ltr;
    padding: 12px 16px;
    gap: 0;
}

/* Language switch: fixed left */
html[lang="ar"] #site-header .nav-container .nav-lang {
    order: 0;
    flex-shrink: 0;
    margin: 0 !important;
    padding: 0;
}
html[lang="ar"] #site-header .nav-container .nav-lang .nav-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    /* In Arabic mode, put icon/dot on the right of the label */
    flex-direction: row-reverse;
}

/* Center: menu toggle + nav (centered) */
html[lang="ar"] #site-header .nav-container .nav-center {
    order: 1;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}
html[lang="ar"] #site-header .nav-container .nav-center .site-nav {
    margin: 0 !important;
    display: none;
}
html[lang="ar"] #site-header .nav-container .nav-center .site-nav.open {
    display: block;
}

/* Right: logo – push to end */
html[lang="ar"] #site-header .nav-container .nav-brand {
    order: 2;
    flex-shrink: 0;
    margin: 0 0 0 auto !important;
}

/* Desktop: nav visible and centered inside .nav-center */
@media (min-width: 992px) {
    html[lang="ar"] #site-header .nav-container .nav-center .site-nav {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    /* Arabic nav spacing: apply across all Arabic pages (override inline page styles) */
    html[lang="ar"] #site-header .nav-container .nav-list,
    html[lang="ar"] #site-header .site-nav .nav-list {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        gap: 3.5rem !important; /* 56px – significantly increased spacing between Home, Our Services, Terminologies, Our Partners, etc. */
    }

    html[lang="ar"] #site-header .nav-container .nav-list li,
    html[lang="ar"] #site-header .site-nav .nav-list li {
        margin: 0 !important; /* use gap only, so spacing is consistent for all items */
    }
}

/* Mobile: center area pushes toggle to the right */
@media (max-width: 991px) {
    html[lang="ar"] #site-header .nav-container .nav-center {
        justify-content: flex-end;
    }
}

/* Footer: copyright aligned right and single line on Arabic pages */
html[lang="ar"] .underfooter .underfooter-link_mobile-absolute {
    text-align: right;
}
html[lang="ar"] .underfooter .underfooter-link_mobile-absolute .text-body-small-strong {
    white-space: nowrap;
}

/* Our Values (قيمنا) section: right padding for readability in RTL */
html[lang="ar"] .benefits-card-section .container,
html[lang="ar"] .benefits-card-section .benefits-content_wrapper {
    padding-right: 2rem;
}
html[lang="ar"] .benefits-card-section .values-title_wrapper .heading-style-h3 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    direction: rtl;
}