/* ADP_HEADER_LANGUAGE_FONT_STRUCTURE_V1
 * Document language is Arabic globally.
 * Header structural containers remain LTR to preserve column/logo placement.
 * Navigation and dropdowns remain RTL.
 */

html[lang="ar"],
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select{
    font-family:"Cairo",sans-serif;
}

html[lang="en"],
html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] textarea,
html[lang="en"] select{
    font-family:"Montserrat",sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] .elementor-heading-title{
    font-family:"Cairo",sans-serif !important;
    font-weight:700 !important;
}

/* Preserve Elementor/Astra header structure and logo placement. */
html body .elementor-location-header,
html body header.elementor-location-header,
html body .site-header,
html body #site-header,
html body #masthead{
    direction:ltr !important;
    unicode-bidi:isolate !important;
}

html body .elementor-location-header > .elementor,
html body .elementor-location-header .elementor-section,
html body .elementor-location-header .elementor-container,
html body .elementor-location-header .e-con,
html body .elementor-location-header .e-con-inner,
html body .site-header .ast-container,
html body #site-header .ast-container,
html body #masthead .ast-container{
    direction:ltr !important;
    unicode-bidi:isolate !important;
}

/* The navigation itself is Arabic RTL. */
html body .elementor-location-header nav,
html body header.elementor-location-header nav,
html body .site-header nav,
html body #site-header nav,
html body #masthead nav,
html body .elementor-location-header .elementor-nav-menu--main,
html body .site-header .elementor-nav-menu--main,
html body #site-header .elementor-nav-menu--main,
html body #masthead .elementor-nav-menu--main{
    direction:rtl !important;
    text-align:right !important;
    unicode-bidi:isolate !important;
}

html body .elementor-location-header .elementor-nav-menu--main > .elementor-nav-menu,
html body .site-header .elementor-nav-menu--main > .elementor-nav-menu,
html body #site-header .elementor-nav-menu--main > .elementor-nav-menu,
html body #masthead .elementor-nav-menu--main > .elementor-nav-menu{
    direction:rtl !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    text-align:right !important;
}

html body .elementor-location-header .elementor-nav-menu a,
html body .site-header .elementor-nav-menu a,
html body #site-header .elementor-nav-menu a,
html body #masthead .elementor-nav-menu a{
    direction:rtl !important;
    text-align:right !important;
    font-family:"Cairo",sans-serif !important;
}

html body .elementor-location-header .sub-menu,
html body .elementor-location-header .elementor-nav-menu--dropdown,
html body .site-header .sub-menu,
html body .site-header .elementor-nav-menu--dropdown,
html body #site-header .sub-menu,
html body #site-header .elementor-nav-menu--dropdown,
html body #masthead .sub-menu,
html body #masthead .elementor-nav-menu--dropdown{
    direction:rtl !important;
    text-align:right !important;
    unicode-bidi:isolate !important;
}

html body .elementor-location-header .elementor-nav-menu .sub-arrow,
html body .site-header .elementor-nav-menu .sub-arrow,
html body #site-header .elementor-nav-menu .sub-arrow,
html body #masthead .elementor-nav-menu .sub-arrow{
    margin-right:auto !important;
    margin-left:0 !important;
}

html body .elementor-location-header .elementor-menu-toggle,
html body .site-header .elementor-menu-toggle,
html body #site-header .elementor-menu-toggle,
html body #masthead .elementor-menu-toggle{
    direction:rtl !important;
}

/* ADP_ASTRA_HEADER_CAIRO_FONT_V1
 * Astra Header Footer Builder does not use Elementor's
 * .elementor-nav-menu class. These selectors apply Cairo directly to
 * Astra desktop, dropdown and mobile navigation text.
 */
html[lang="ar"] body .site-header,
html[lang="ar"] body #masthead,
html[lang="ar"] body .ast-primary-header-bar,
html[lang="ar"] body .ast-mobile-header-wrap{
    font-family:"Cairo",sans-serif !important;
}

html[lang="ar"] body .site-header .main-header-menu .menu-link,
html[lang="ar"] body .site-header .main-header-menu .menu-text,
html[lang="ar"] body .site-header .ast-builder-menu .menu-link,
html[lang="ar"] body .site-header .ast-builder-menu .menu-text,
html[lang="ar"] body .site-header .sub-menu .menu-link,
html[lang="ar"] body .site-header .sub-menu .menu-text,
html[lang="ar"] body .site-header .ast-menu-toggle,
html[lang="ar"] body .site-header .menu-toggle,
html[lang="ar"] body #masthead .main-header-menu .menu-link,
html[lang="ar"] body #masthead .main-header-menu .menu-text,
html[lang="ar"] body #masthead .ast-builder-menu .menu-link,
html[lang="ar"] body #masthead .ast-builder-menu .menu-text,
html[lang="ar"] body #masthead .sub-menu .menu-link,
html[lang="ar"] body #masthead .sub-menu .menu-text,
html[lang="ar"] body #masthead .ast-menu-toggle,
html[lang="ar"] body #masthead .menu-toggle,
html[lang="ar"] body .ast-mobile-header-wrap .main-header-menu .menu-link,
html[lang="ar"] body .ast-mobile-header-wrap .main-header-menu .menu-text,
html[lang="ar"] body .ast-mobile-header-wrap .ast-menu-toggle,
html[lang="ar"] body .ast-mobile-header-wrap .menu-toggle{
    font-family:"Cairo",sans-serif !important;
    font-style:normal !important;
}

html[lang="ar"] body .site-header .main-header-menu .menu-link,
html[lang="ar"] body #masthead .main-header-menu .menu-link,
html[lang="ar"] body .ast-mobile-header-wrap .main-header-menu .menu-link{
    font-weight:500 !important;
}

/* ==========================================================
   ADAWATIPLUS PREMIUM MOBILE HEADER V1
   MOBILE / TABLET ONLY
   ========================================================== */

@media (max-width:921.99px){

    #ast-mobile-header{
        --adp-orange:#fc9012;
        --adp-cyan:#00bddd;
        --adp-ink:#172033;
        --adp-muted:#64748b;
        --adp-line:#dce7ee;
        --adp-soft:#f5f9fc;
        --adp-warm:#fff8ef;
        --adp-white:#ffffff;
    }

    html[lang="ar"] #ast-mobile-header,
    html[lang="ar"] #ast-mobile-header button,
    html[lang="ar"] #ast-mobile-header input{
        font-family:"Cairo",sans-serif!important;
    }

    html[lang="en"] #ast-mobile-header,
    html[lang="en"] #ast-mobile-header button,
    html[lang="en"] #ast-mobile-header input{
        font-family:"Montserrat",sans-serif!important;
    }

    #ast-mobile-header .ast-primary-header-bar{
        min-height:68px!important;
        padding-inline:18px!important;
        background:
            rgba(255,255,255,.97)!important;
        border-bottom:
            1px solid rgba(220,231,238,.9)!important;
        box-shadow:
            0 6px 22px rgba(23,32,51,.055);
        backdrop-filter:
            saturate(150%) blur(14px);
        -webkit-backdrop-filter:
            saturate(150%) blur(14px);
    }

    #ast-mobile-header .site-branding{
        padding:0!important;
    }

    #ast-mobile-header .custom-logo{
        width:auto!important;
        max-width:112px!important;
        max-height:38px!important;
        object-fit:contain;
    }

    #ast-mobile-header
    [data-section="section-header-mobile-trigger"]
    .ast-button-wrap
    .ast-mobile-menu-trigger-minimal{
        display:grid!important;
        place-items:center;
        width:44px;
        height:44px;
        padding:0!important;
        border:
            1px solid rgba(0,189,221,.18)!important;
        border-radius:14px!important;
        background:
            linear-gradient(
                145deg,
                #ffffff,
                #f5f9fc
            )!important;
        color:var(--adp-ink)!important;
        box-shadow:
            0 8px 20px rgba(23,32,51,.06);
        transition:
            transform .2s ease,
            border-color .2s ease,
            box-shadow .2s ease;
    }

    #ast-mobile-header
    [data-section="section-header-mobile-trigger"]
    .ast-button-wrap
    .ast-mobile-menu-trigger-minimal:hover,
    #ast-mobile-header
    [data-section="section-header-mobile-trigger"]
    .ast-button-wrap
    .ast-mobile-menu-trigger-minimal:focus{
        transform:translateY(-1px);
        border-color:
            rgba(0,189,221,.5)!important;
        box-shadow:
            0 10px 24px rgba(0,189,221,.1);
    }

    #ast-mobile-header
    .mobile-menu-toggle-icon
    .ast-mobile-svg{
        width:21px!important;
        height:21px!important;
        fill:var(--adp-ink)!important;
    }

    .ast-mobile-popup-drawer
    .ast-mobile-popup-inner{
        width:min(88vw,380px)!important;
        max-width:380px!important;
        background:#fff!important;
        box-shadow:
            -18px 0 55px rgba(23,32,51,.16);
    }

    .ast-mobile-popup-drawer
    .ast-mobile-popup-header{
        min-height:72px;
        padding:14px 18px!important;
        border-bottom:
            1px solid var(--adp-line);
        background:
            linear-gradient(
                180deg,
                #fff,
                #fbfdfe
            );
    }

    .ast-mobile-popup-drawer
    .menu-toggle-close{
        display:grid!important;
        place-items:center;
        width:40px!important;
        height:40px!important;
        padding:0!important;
        border:
            1px solid var(--adp-line)!important;
        border-radius:12px!important;
        background:
            var(--adp-soft)!important;
        color:
            var(--adp-ink)!important;
    }

    .ast-mobile-popup-content{
        padding:14px 14px 28px!important;
    }

    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu{
        display:grid!important;
        gap:5px!important;
        padding:0!important;
        margin:0!important;
        background:transparent!important;
    }

    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu
    > .menu-item{
        display:block!important;
        margin:0!important;
        border:0!important;
        background:transparent!important;
    }

    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu
    > .menu-item
    > .menu-link{
        position:relative;
        min-height:49px!important;
        padding:
            11px 17px 11px 42px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        color:var(--adp-ink)!important;
        background:#fff!important;
        border:
            1px solid transparent!important;
        border-radius:13px!important;
        font-size:15px!important;
        line-height:1.6!important;
        font-weight:600!important;
        text-align:right!important;
        transition:
            background .18s ease,
            border-color .18s ease,
            transform .18s ease,
            color .18s ease;
    }

    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu
    > .menu-item
    > .menu-link::before{
        content:"";
        position:absolute;
        right:auto;
        left:16px;
        width:7px;
        height:7px;
        border-radius:50%;
        background:
            var(--adp-cyan);
        box-shadow:
            0 0 0 5px
            rgba(0,189,221,.08);
    }

    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu
    > .menu-item
    > .menu-link:hover,
    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu
    > .current-menu-item
    > .menu-link{
        color:
            var(--adp-ink)!important;
        background:
            var(--adp-soft)!important;
        border-color:
            rgba(0,189,221,.18)!important;
        transform:
            translateX(-2px);
    }

    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu
    > .current-menu-item
    > .menu-link::before{
        background:
            var(--adp-orange);
        box-shadow:
            0 0 0 5px
            rgba(252,144,18,.1);
    }

    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu
    > .menu-item:first-child
    > .menu-link{
        background:
            linear-gradient(
                135deg,
                rgba(252,144,18,.07),
                rgba(0,189,221,.06)
            )!important;
        border-color:
            rgba(0,189,221,.13)!important;
    }

    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu
    > .menu-item:nth-last-child(1)
    > .menu-link{
        margin-top:8px;
        border-top:
            1px solid var(--adp-line)!important;
    }
}

@media (max-width:544px){

    #ast-mobile-header
    .ast-primary-header-bar{
        min-height:64px!important;
        padding-inline:15px!important;
    }

    #ast-mobile-header .custom-logo{
        max-width:105px!important;
        max-height:36px!important;
    }

    .ast-mobile-popup-drawer
    .ast-mobile-popup-inner{
        width:min(90vw,360px)!important;
    }

    .ast-mobile-popup-content{
        padding:
            12px 12px 24px!important;
    }

    .ast-builder-menu-mobile
    .main-navigation
    .main-header-menu
    > .menu-item
    > .menu-link{
        min-height:47px!important;
        padding:
            10px 16px 10px 40px!important;
        font-size:14.5px!important;
    }
}

@media (prefers-reduced-motion:reduce){

    #ast-mobile-header *,
    .ast-mobile-popup-drawer *{
        transition:none!important;
    }
}


/* ==========================================================
 * ADAWATIPLUS ENGLISH HEADER FOUNDATION
 * Language-aware override for English/LTR staging.
 * Arabic production behavior remains untouched.
 * ========================================================== */

html[lang="en"] body .elementor-location-header,
html[lang="en"] body .site-header,
html[lang="en"] body #site-header,
html[lang="en"] body #masthead{
    direction:ltr !important;
    font-family:"Montserrat",sans-serif !important;
}

html[lang="en"] body .elementor-location-header .elementor-nav-menu--main,
html[lang="en"] body .site-header .elementor-nav-menu--main,
html[lang="en"] body #site-header .elementor-nav-menu--main,
html[lang="en"] body #masthead .elementor-nav-menu--main{
    direction:ltr !important;
    text-align:left !important;
    unicode-bidi:isolate !important;
}

html[lang="en"] body .elementor-location-header .elementor-nav-menu--main > .elementor-nav-menu,
html[lang="en"] body .site-header .elementor-nav-menu--main > .elementor-nav-menu,
html[lang="en"] body #site-header .elementor-nav-menu--main > .elementor-nav-menu,
html[lang="en"] body #masthead .elementor-nav-menu--main > .elementor-nav-menu{
    direction:ltr !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    text-align:left !important;
}

html[lang="en"] body .elementor-location-header .elementor-nav-menu a,
html[lang="en"] body .site-header .elementor-nav-menu a,
html[lang="en"] body #site-header .elementor-nav-menu a,
html[lang="en"] body #masthead .elementor-nav-menu a{
    direction:ltr !important;
    text-align:left !important;
    font-family:"Montserrat",sans-serif !important;
}

html[lang="en"] body .elementor-location-header .sub-menu,
html[lang="en"] body .elementor-location-header .elementor-nav-menu--dropdown,
html[lang="en"] body .site-header .sub-menu,
html[lang="en"] body .site-header .elementor-nav-menu--dropdown,
html[lang="en"] body #site-header .sub-menu,
html[lang="en"] body #site-header .elementor-nav-menu--dropdown,
html[lang="en"] body #masthead .sub-menu,
html[lang="en"] body #masthead .elementor-nav-menu--dropdown{
    direction:ltr !important;
    text-align:left !important;
    unicode-bidi:isolate !important;
}

html[lang="en"] body .elementor-location-header .elementor-menu-toggle,
html[lang="en"] body .site-header .elementor-menu-toggle,
html[lang="en"] body #site-header .elementor-menu-toggle,
html[lang="en"] body #masthead .elementor-menu-toggle{
    direction:ltr !important;
}

html[lang="en"] body .site-header,
html[lang="en"] body #masthead,
html[lang="en"] body .ast-primary-header-bar,
html[lang="en"] body .ast-mobile-header-wrap,
html[lang="en"] body .site-header .main-header-menu .menu-link,
html[lang="en"] body .site-header .main-header-menu .menu-text,
html[lang="en"] body .site-header .ast-builder-menu .menu-link,
html[lang="en"] body .site-header .ast-builder-menu .menu-text,
html[lang="en"] body .site-header .sub-menu .menu-link,
html[lang="en"] body .site-header .sub-menu .menu-text,
html[lang="en"] body #masthead .main-header-menu .menu-link,
html[lang="en"] body #masthead .main-header-menu .menu-text,
html[lang="en"] body #masthead .ast-builder-menu .menu-link,
html[lang="en"] body #masthead .ast-builder-menu .menu-text,
html[lang="en"] body #masthead .sub-menu .menu-link,
html[lang="en"] body #masthead .sub-menu .menu-text,
html[lang="en"] body .ast-mobile-header-wrap .main-header-menu .menu-link,
html[lang="en"] body .ast-mobile-header-wrap .main-header-menu .menu-text,
html[lang="en"] body .ast-mobile-header-wrap .ast-menu-toggle,
html[lang="en"] body .ast-mobile-header-wrap .menu-toggle{
    font-family:"Montserrat",sans-serif !important;
    direction:ltr !important;
}

html[lang="en"] body .site-header .main-header-menu .menu-link,
html[lang="en"] body #masthead .main-header-menu .menu-link,
html[lang="en"] body .ast-mobile-header-wrap .main-header-menu .menu-link{
    text-align:left !important;
}

@media (max-width:921.99px){

    html[lang="en"] #ast-mobile-header,
    html[lang="en"] #ast-mobile-header button,
    html[lang="en"] #ast-mobile-header input{
        direction:ltr !important;
        font-family:"Montserrat",sans-serif !important;
    }

    html[lang="en"] .ast-mobile-popup-drawer,
    html[lang="en"] .ast-mobile-popup-inner,
    html[lang="en"] .ast-mobile-popup-content,
    html[lang="en"] .ast-builder-menu-mobile,
    html[lang="en"] .ast-builder-menu-mobile .main-header-menu,
    html[lang="en"] .ast-builder-menu-mobile .main-header-menu li,
    html[lang="en"] .ast-builder-menu-mobile .main-header-menu a{
        direction:ltr !important;
        text-align:left !important;
        font-family:"Montserrat",sans-serif !important;
    }
}

/* ==========================================================
   ADP_LANGUAGE_SWITCHER_MENU_V3
   ========================================================== */

:root{
    --adp-orange:#fc9012;
    --adp-cyan:#00bddd;
    --adp-ink:#172033;
    --adp-muted:#64748b;
    --adp-line:#dce7ee;
    --adp-soft:#f5f9fc;
    --adp-warm:#fff8ef;
    --adp-white:#ffffff;
}

.site-header .adp-language-switcher-item{
    display:flex !important;
    align-items:center !important;
}

.site-header .adp-language-switcher{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;

    min-width:66px !important;
    min-height:38px !important;

    margin-inline-start:10px !important;
    padding:7px 12px !important;

    border:1px solid var(--adp-line) !important;
    border-radius:12px !important;

    background:
        linear-gradient(
            145deg,
            var(--adp-white),
            var(--adp-soft)
        ) !important;

    color:var(--adp-ink) !important;

    box-shadow:
        0 5px 16px rgba(23,32,51,.06) !important;

    font-family:"Cairo",sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1 !important;

    text-decoration:none !important;
}

.site-header .adp-language-switcher svg{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    color:var(--adp-cyan) !important;
}

.site-header .adp-language-switcher:hover,
.site-header .adp-language-switcher:focus-visible{
    border-color:rgba(0,189,221,.55) !important;
    box-shadow:0 7px 20px rgba(0,189,221,.10) !important;
    transform:translateY(-1px);
}

@media (max-width:921.99px){

    .ast-builder-menu-mobile
    .adp-language-switcher-item{
        margin-top:10px !important;
    }

    .ast-builder-menu-mobile
    .adp-language-switcher{
        width:100% !important;
        min-height:46px !important;
        margin:0 !important;
        justify-content:center !important;

        border:
            1px solid rgba(0,189,221,.22) !important;

        background:
            linear-gradient(
                135deg,
                rgba(252,144,18,.06),
                rgba(0,189,221,.07)
            ) !important;
    }

    .ast-builder-menu-mobile
    .adp-language-switcher::before{
        display:none !important;
        content:none !important;
    }
}

/* ==========================================================
   ADP_DESKTOP_HEADER_WIDTH_V4
   Wider Astra desktop header + single-row primary navigation.
   Mobile/tablet remain untouched.
   ========================================================== */

@media (min-width:922px){

    html[lang="en"]
    #ast-desktop-header
    .ast-primary-header-bar
    .site-primary-header-wrap{
        width:100% !important;
        max-width:none !important;
    }

    html[lang="en"]
    #ast-desktop-header
    .ast-primary-header-bar
    .ast-builder-grid-row-container-inner{
        width:100% !important;
        max-width:none !important;
    }

    html[lang="en"]
    #ast-desktop-header
    .ast-primary-header-bar
    .ast-container{
        width:min(97vw,1720px) !important;
        max-width:1720px !important;
        margin-inline:auto !important;
        padding-inline:20px !important;
    }

    html[lang="en"]
    #ast-desktop-header
    .ast-builder-grid-row{
        width:100% !important;
        max-width:none !important;
        column-gap:18px !important;
    }

    html[lang="en"]
    #ast-desktop-header
    .site-header-primary-section-left,
    html[lang="en"]
    #ast-desktop-header
    .site-header-primary-section-right{
        min-width:0 !important;
    }

    html[lang="en"]
    #ast-desktop-header
    .ast-builder-menu-1{
        flex:1 1 auto !important;
        min-width:0 !important;
    }

    html[lang="en"]
    #ast-desktop-header
    #ast-hf-menu-1{
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        white-space:nowrap !important;
    }

    html[lang="en"]
    #ast-desktop-header
    #ast-hf-menu-1
    > .menu-item{
        flex:0 0 auto !important;
    }

    html[lang="en"]
    #ast-desktop-header
    #ast-hf-menu-1
    > .menu-item
    > .menu-link{
        white-space:nowrap !important;
        padding-inline:10px !important;
    }

    html[lang="en"]
    #ast-desktop-header
    .adp-language-switcher{
        margin-inline-start:8px !important;
    }
}

@media (min-width:922px) and (max-width:1280px){

    html[lang="en"]
    #ast-desktop-header
    .ast-primary-header-bar
    .ast-container{
        width:98vw !important;
        padding-inline:12px !important;
    }

    html[lang="en"]
    #ast-desktop-header
    #ast-hf-menu-1
    > .menu-item
    > .menu-link{
        padding-inline:7px !important;
        font-size:14px !important;
    }
}