.elementor-26 .elementor-element.elementor-element-4282a01{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-26 .elementor-element.elementor-element-a31c91e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-26 .elementor-element.elementor-element-5384048{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-26 .elementor-element.elementor-element-a29d00b{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-26 .elementor-element.elementor-element-600bd34 .elementor-menu-toggle{margin:0 auto;}.elementor-26 .elementor-element.elementor-element-600bd34 .elementor-nav-menu .elementor-item{font-family:"Noto Sans Hebrew", Sans-serif;font-weight:600;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-4282a01{--content-width:1407px;}.elementor-26 .elementor-element.elementor-element-5384048{--width:16%;}}/* Start custom CSS for container, class: .elementor-element-4282a01 *//* =====================================================
   LIRAN - HAKOL LAGAN
   VGS HEADER - COMPLETE DESIGN
   Noto Sans Hebrew | RTL | Responsive
===================================================== */


/* ====================================
   01. HEADER BASE
==================================== */

.vgs_section_010_site_header {
    --vgs-green: #1C5936;
    --vgs-dark: #123C2A;
    --vgs-text: #27362D;
    --vgs-muted: #6A746E;
    --vgs-light: #EAF2E9;
    --vgs-border: #DAE3D9;

    background: #FFFFFF !important;
    border-bottom: 1px solid var(--vgs-border);

    box-shadow: 0 5px 24px rgba(18,60,42,.06);

    font-family: "Noto Sans Hebrew", sans-serif;

    z-index: 9999 !important;

    overflow: visible !important;

    transition:
        background .3s ease,
        box-shadow .3s ease;
}


/* ====================================
   02. HEADER INNER WIDTH
==================================== */

.vgs_section_010_site_header > .e-con-inner {
    width: 100%;
    max-width: 1320px !important;

    margin-inline: auto;
    padding: 10px 24px;

    overflow: visible !important;

    transition: padding .3s ease;
}


/* ====================================
   03. INNER LAYOUT
==================================== */

.vgs_container_009_header_inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100%;
    gap: 30px;

    direction: rtl;

    overflow: visible !important;
}


/* ====================================
   04. LOGO CONTAINER
==================================== */

.vgs_container_002_brand_logo {
    display: flex !important;

    align-items: center;
    justify-content: flex-start;

    flex: 0 0 auto !important;
    width: auto !important;

    min-width: 0;
}


/* ====================================
   05. LOGO IMAGE
==================================== */

.vgs_container_002_brand_logo_img {
    width: 135px !important;
    max-width: 100%;
}

.vgs_container_002_brand_logo_img img {
    display: block;

    width: 100%;
    height: auto;

    max-height: 95px;

    object-fit: contain;

    transition:
        max-height .3s ease,
        transform .3s ease;
}


/* ====================================
   06. MAIN NAVIGATION
==================================== */

.vgs_menu_top {
    display: flex !important;

    flex: 1 1 auto !important;

    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 0;
}

.vgs_menu_top .elementor-nav-menu--main {
    width: auto;
}

.vgs_menu_top
.elementor-nav-menu--main
.elementor-nav-menu {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 34px;
}


/* ====================================
   07. NAVIGATION LINKS
==================================== */

.vgs_menu_top
.elementor-nav-menu--main
.elementor-item {
    position: relative;

    padding: 13px 0 !important;

    background: transparent !important;

    color: var(--vgs-text) !important;

    font-family: "Noto Sans Hebrew", sans-serif;

    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;

    white-space: nowrap;

    transition: color .25s ease;
}


/* ====================================
   08. MENU HOVER UNDERLINE
==================================== */

/* Remove Elementor underline */

.vgs_menu_top
.elementor-nav-menu--main
.elementor-item::after {
    display: none !important;
}

.vgs_menu_top
.elementor-nav-menu--main
.elementor-item::before {
    content: "" !important;

    display: block !important;

    position: absolute;

    bottom: 4px;
    right: 0;
    left: auto;

    width: 0;
    height: 2px;

    border-radius: 10px;

    background: var(--vgs-green);

    opacity: 1 !important;

    transform: none !important;

    transition: width .3s ease;
}

.vgs_menu_top
.elementor-nav-menu--main
.elementor-item:hover::before,
.vgs_menu_top
.elementor-nav-menu--main
.elementor-item.elementor-item-active::before {
    width: 100%;
}

.vgs_menu_top
.elementor-nav-menu--main
.elementor-item:hover,
.vgs_menu_top
.elementor-nav-menu--main
.elementor-item.elementor-item-active {
    color: var(--vgs-green) !important;
}


/* ====================================
   09. CATALOG BUTTON WIDGET
==================================== */

.vgs_botton_top {
    flex: 0 0 auto !important;

    width: auto !important;

    min-width: 0;
}


/* ====================================
   10. CATALOG BUTTON DESIGN
==================================== */

.vgs_botton_top .elementor-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 49px;

    padding: 13px 25px !important;

    background: var(--vgs-green) !important;

    border: 1px solid var(--vgs-green);

    border-radius: 12px !important;

    color: #FFFFFF !important;

    font-family: "Noto Sans Hebrew", sans-serif;

    font-size: 15px;
    font-weight: 700;

    line-height: 1.4;

    white-space: nowrap;

    box-shadow: 0 6px 16px rgba(28,89,54,.13);

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.vgs_botton_top .elementor-button:hover {
    background: var(--vgs-dark) !important;

    border-color: var(--vgs-dark);

    color: #FFFFFF !important;

    transform: translateY(-2px);

    box-shadow: 0 9px 22px rgba(18,60,42,.18);
}

.vgs_botton_top .elementor-button-text {
    color: inherit !important;
}


/* ====================================
   11. EXISTING ELEMENTOR STICKY
==================================== */

/* Elementor controls position and top */

.vgs_section_010_site_header.elementor-sticky--active {
    background: rgba(255,255,255,.98) !important;

    box-shadow: 0 8px 30px rgba(18,60,42,.10);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}


/* Compact header after sticky effects */

.vgs_section_010_site_header.elementor-sticky--effects
> .e-con-inner {
    padding-top: 7px;
    padding-bottom: 7px;
}

.vgs_section_010_site_header.elementor-sticky--effects
.vgs_container_002_brand_logo_img img {
    max-height: 76px;
}


/* ====================================
   12. TABLET
==================================== */

@media (max-width: 1024px) {

    .vgs_section_010_site_header
    > .e-con-inner {
        padding: 9px 20px;
    }

    .vgs_container_009_header_inner {
        gap: 16px;
    }

    .vgs_container_002_brand_logo_img {
        width: 115px !important;
    }

    .vgs_container_002_brand_logo_img img {
        max-height: 78px;
    }

    .vgs_menu_top {
        flex: 0 0 auto !important;

        width: auto !important;

        order: 3;
    }

    .vgs_botton_top {
        flex: 0 0 auto !important;

        width: auto !important;

        margin-right: auto;
    }

    .vgs_botton_top .elementor-button {
        min-height: 44px;

        padding: 11px 18px !important;

        font-size: 13px;
    }

    /* Hamburger toggle */

    .vgs_menu_top .elementor-menu-toggle {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        width: 46px;
        height: 46px;

        padding: 10px;

        margin: 0;

        border: 1px solid var(--vgs-border);

        border-radius: 12px;

        background: var(--vgs-light);

        color: var(--vgs-dark);

        transition:
            background .25s ease,
            color .25s ease;
    }

    .vgs_menu_top .elementor-menu-toggle:hover,
    .vgs_menu_top .elementor-menu-toggle.elementor-active {
        background: var(--vgs-green);

        color: #FFFFFF;
    }

    .vgs_menu_top .elementor-menu-toggle svg {
        width: 22px;
        height: 22px;

        fill: currentColor;
    }

    /* Dropdown positioning */

    .vgs_menu_top .elementor-nav-menu--dropdown {
        position: absolute !important;

        top: calc(100% + 12px);
        right: 0;
        left: auto;

        width: min(330px, calc(100vw - 32px));

        margin: 0 !important;

        padding: 12px;

        background: #FFFFFF;

        border: 1px solid var(--vgs-border);

        border-radius: 16px;

        box-shadow: 0 16px 40px rgba(18,60,42,.14);

        z-index: 10000;
    }

    .vgs_menu_top
    .elementor-nav-menu--dropdown
    .elementor-nav-menu {
        display: flex;
        flex-direction: column;

        gap: 3px;
    }

    .vgs_menu_top
    .elementor-nav-menu--dropdown
    .elementor-item {
        display: block;

        padding: 12px 14px !important;

        border-radius: 9px;

        background: transparent;

        color: var(--vgs-text) !important;

        font-family: "Noto Sans Hebrew", sans-serif;

        font-size: 15px;
        font-weight: 600;

        text-align: right;

        transition:
            background .25s ease,
            color .25s ease;
    }

    .vgs_menu_top
    .elementor-nav-menu--dropdown
    .elementor-item:hover,
    .vgs_menu_top
    .elementor-nav-menu--dropdown
    .elementor-item.elementor-item-active {
        background: var(--vgs-light);

        color: var(--vgs-green) !important;
    }
}


/* ====================================
   13. MOBILE
==================================== */

@media (max-width: 767px) {

    .vgs_section_010_site_header
    > .e-con-inner {
        padding: 8px 14px;
    }

    .vgs_container_009_header_inner {
        gap: 10px;
    }

    .vgs_container_002_brand_logo_img {
        width: 90px !important;
    }

    .vgs_container_002_brand_logo_img img {
        max-height: 65px;
    }

    .vgs_menu_top {
        order: 3;
    }

    .vgs_menu_top .elementor-menu-toggle {
        width: 42px;
        height: 42px;

        border-radius: 10px;
    }

    .vgs_botton_top {
        margin-right: auto;
    }

    .vgs_botton_top .elementor-button {
        min-height: 40px;

        padding: 10px 12px !important;

        font-size: 11px;

        border-radius: 9px !important;

        box-shadow: none;
    }

    .vgs_menu_top .elementor-nav-menu--dropdown {
        position: absolute !important;

        top: calc(100% + 10px);
        right: 0;
        left: auto;

        width: calc(100vw - 28px);
        max-width: 360px;

        padding: 10px;

        border-radius: 14px;
    }

    /* Avoid excessive sticky logo height */

    .vgs_section_010_site_header.elementor-sticky--effects
    .vgs_container_002_brand_logo_img img {
        max-height: 58px;
    }
}


/* ====================================
   14. SMALL MOBILE
==================================== */

@media (max-width: 380px) {

    .vgs_container_002_brand_logo_img {
        width: 76px !important;
    }

    .vgs_botton_top .elementor-button {
        padding: 9px 10px !important;

        font-size: 10px;
    }

    .vgs_menu_top .elementor-menu-toggle {
        width: 39px;
        height: 39px;
    }

}


/* ====================================
   15. ACCESSIBILITY
==================================== */

.vgs_menu_top a:focus-visible,
.vgs_botton_top a:focus-visible,
.vgs_menu_top .elementor-menu-toggle:focus-visible {
    outline: 2px solid var(--vgs-green);

    outline-offset: 3px;
}


/* ====================================
   16. REDUCED MOTION
==================================== */

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

    .vgs_section_010_site_header,
    .vgs_section_010_site_header *,
    .vgs_section_010_site_header *::before,
    .vgs_section_010_site_header *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}/* End custom CSS */