.elementor-236194 .elementor-element.elementor-element-8208717 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-236194 .elementor-element.elementor-element-09e5ea2 > .elementor-widget-container{margin:0px 0px 80px 0px;}.elementor-236194 .elementor-element.elementor-element-881ebb2 .elementor-nav-menu .elementor-item{font-size:14px;font-weight:600;}.elementor-236194 .elementor-element.elementor-element-881ebb2{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-236194 .elementor-element.elementor-element-881ebb2 .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;}.elementor-236194 .elementor-element.elementor-element-881ebb2 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-236194 .elementor-element.elementor-element-881ebb2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for nav-menu, class: .elementor-element-881ebb2 */html[lang="ar"] .elementor-element-881ebb2,
    body.rtl-active .elementor-element-881ebb2 {
        position: absolute !important;
        left: 20px !important;  /* Distance from Left edge */
        right: auto !important; /* Release from Right edge */
       
    }

/* 1. Change Text Color (EN / AR) to White */
.elementor-element-881ebb2 .elementor-nav-menu li a.elementor-item {
    color: #ffffff !important;
}

/* 2. Change Hover Color (Optional - keeping it white or light grey) */
.elementor-element-881ebb2 .elementor-nav-menu li a.elementor-item:hover {
    color: #ffffff !important;
    opacity: 0.8;
}




/* 2. The Separator "|" 
   (Targets the pseudo-element usually found after list items) */
.elementor-element-881ebb2 .elementor-nav-menu li:after,
.elementor-element-881ebb2 .elementor-nav-menu li:before {
    color: #ffffff !important;
    border-color: #ffffff !important; /* Covers cases where it's a border */
}
.language-switcher .lang-icon {
    display: none !important;
}

/* 2. (Safety) Hides any default Weglot flag/icon if present */
.elementor-element-881ebb2 .elementor-nav-menu li a::before,
.elementor-element-881ebb2 .elementor-nav-menu img {
    display: none !important;
}


.elementor-element-881ebb2  {
    position: absolute !important;
    top: 20px;    /* Distance from the TOP of the header */
    right: 32px; /* Distance from the RIGHT of the header */
    z-index: 99999; /* Ensures it sits on top of other items */
    color: white;
}

@media (max-width: 1300px) and (min-width: 769px) {
    .elementor-element-881ebb2  {
    position: absolute !important;
    top: 20px;    /* Distance from the TOP of the header */
    right: 75px; /* Distance from the RIGHT of the header */
    z-index: 99999; /* Ensures it sits on top of other items */
    color: white;
}

.rtl .elementor-element-881ebb2 {
    right: 65%;
}
html[lang="ar"] .elementor-element-881ebb2,
    body.rtl-active .elementor-element-881ebb2 {
        position: absolute !important;
        left: 70px !important;  /* Distance from Left edge */
        right: auto !important; /* Release from Right edge */
       
    }
}

.rtl .elementor-element-881ebb2 {
    right: 86%;
}

@media (max-width: 768px) {
        
        /* Default state: HIDDEN */
   .elementor-element-115d51f  {
        display: none !important;
    }

    /* 2. Active: Show & Position Container */
    .elementor-element-115d51f .show {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        
        /* Absolute Positioning in Header */
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        right: 130px !important; /* Moves it to the left of Country Switcher */
        z-index: 1002 !important;
        
        /* Reset box model */
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* 3. ⭐ FORCE INTERNAL WRAPPER TO FLEX ROW */
    /* This targets the div Elementor creates inside your widget */
    .elementor-element-115d51f .show .elementor-widget-container,
    .elementor-element-115d51f .show .elementor-icon-box-wrapper,
    .elementor-element-115d51f .show .elementor-icon-list-items {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        width: auto !important;
    }

    /* 4. ⭐ FIX THE ICON (Stop Overlap & Add Gap) */
    /* We target the container of the icon AND the icon itself */
    .elementor-element-115d51f .show .elementor-icon-box-icon,
    .elementor-element-115d51f .show .elementor-icon-list-icon,
    .elementor-element-115d51f .show i,
    .elementor-element-115d51f .show svg {
        position: static !important; /* Critical: Stops floating/overlap */
        display: inline-flex !important;
        width: auto !important;
        height: auto !important;
        
        /* Create the gap here */
        margin-right: 10px !important; 
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        
        transform: none !important;
        flex-shrink: 0 !important; /* Prevents icon from getting squashed */
    }

    /* 5. ⭐ FIX THE TEXT (Force single line) */
    .elementor-element-115d51f .show .elementor-icon-box-content,
    .elementor-element-115d51f .show .elementor-icon-box-title,
    .elementor-element-115d51f .show .elementor-icon-list-text,
    .elementor-element-115d51f .show a,
    .elementor-element-115d51f .show span,
    .elementor-element-115d51f .show p {
        white-space: nowrap !important; /* Forces "EN | AR" to stay side-by-side */
        width: auto !important;
        display: inline-block !important;
        margin: 0 !important;
        line-height: 1 !important;
        flex-grow: 0 !important;
    }
   
}/* End custom CSS */