.elementor-17 .elementor-element.elementor-element-8be8cf5{--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-around;--align-items:center;}.elementor-17 .elementor-element.elementor-element-8be8cf5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-ffaf285{width:var( --container-widget-width, 22.735% );max-width:22.735%;--container-widget-width:22.735%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-ffaf285.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-ffaf285 img{width:100%;}.elementor-17 .elementor-element.elementor-element-e97fd21.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-e97fd21 .elementor-menu-toggle{margin:0 auto;}.elementor-17 .elementor-element.elementor-element-e97fd21 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-17 .elementor-element.elementor-element-e97fd21 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-e97fd21 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-17 .elementor-element.elementor-element-e97fd21 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-17 .elementor-element.elementor-element-e97fd21 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-17 .elementor-element.elementor-element-e97fd21 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-17 .elementor-element.elementor-element-1afd194 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-background );color:var( --e-global-color-background );}.elementor-17 .elementor-element.elementor-element-1afd194 .elementor-button:hover, .elementor-17 .elementor-element.elementor-element-1afd194 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-1afd194 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17 .elementor-element.elementor-element-1afd194 .elementor-button:hover svg, .elementor-17 .elementor-element.elementor-element-1afd194 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-04c558b{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-e97fd21 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-8be8cf5{--width:100%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-e97fd21{width:var( --container-widget-width, 79.483px );max-width:79.483px;--container-widget-width:79.483px;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-e97fd21 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-8be8cf5 *//* --- 1. הגדרות מעבר (Transition) --- */
.elementor-17 .elementor-element.elementor-element-8be8cf5 {
    /* הוספתי מעבר לכל המאפיינים הרלוונטיים */
    transition: padding 0.4s ease, 
                background-color 0.4s ease, 
                box-shadow 0.4s ease, 
                min-height 0.4s ease;
}

.elementor-17 .elementor-element.elementor-element-8be8cf5 img {
    /* שיניתי ל-max-width כדי שהגובה של ההדר יתכווץ באמת יחד עם הלוגו */
    transition: max-width 0.4s ease;
}

/* --- 2. חוקים למחשב וטאבלט (Sticky Active) --- */
@media (min-width: 768px) {

    .elementor-17 .elementor-element.elementor-element-8be8cf5.elementor-sticky--active {
        /* רקע לבן חצי שקוף + טשטוש */
        background-color: rgba(255, 255, 255, 0.8) !important; /* העליתי ל-0.8 לקריאות טובה יותר */
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);

        /* כיווץ הגובה האנכי */
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        
        /* תיקון השגיאה: קביעת גובה מינימלי נמוך המאפשר כיווץ */
        min-height: 50px !important; 

        /* צל עדין */
        box-shadow: 0 4px 30px rgba(0,0,0,0.1);
    }

    /* הקטנת הלוגו פיזית כדי שההדר יתכווץ */
    .elementor-17 .elementor-element.elementor-element-8be8cf5.elementor-sticky--active img {
        max-width: 50% !important; /* זה מה שיגרום להדר להיות צר יותר בפועל */
    }
}

/* --- 3. איפוס למובייל (הגנה) --- */
@media (max-width: 767px) {
    .elementor-17 .elementor-element.elementor-element-8be8cf5.elementor-sticky--active {
        background-color: transparent !important;
        padding: inherit !important;
        min-height: inherit !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }
    .elementor-17 .elementor-element.elementor-element-8be8cf5.elementor-sticky--active img {
        max-width: 100% !important; /* החזרה לגודל מקורי במובייל */
    }
}/* End custom CSS */