.elementor-12697 .elementor-element.elementor-element-6703338{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:2rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-12697 .elementor-element.elementor-element-b87c681{--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-12697 .elementor-element.elementor-element-db32a30{width:var( --container-widget-width, 7% );max-width:7%;--container-widget-width:7%;--container-widget-flex-grow:0;}.elementor-12697 .elementor-element.elementor-element-4123570 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-b87c681 *//* --- 1. הגדרות מעבר (Transition) --- */ .elementor-12697 .elementor-element.elementor-element-b87c681 { /* הוספתי מעבר לכל המאפיינים הרלוונטיים */ transition: padding 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease, min-height 0.4s ease; } .elementor-12697 .elementor-element.elementor-element-b87c681 img { /* שיניתי ל-max-width כדי שהגובה של ההדר יתכווץ באמת יחד עם הלוגו */ transition: max-width 0.4s ease; } /* --- 2. חוקים למחשב וטאבלט (Sticky Active) --- */ @media (min-width: 768px) { .elementor-12697 .elementor-element.elementor-element-b87c681.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-12697 .elementor-element.elementor-element-b87c681.elementor-sticky--active img { max-width: 50% !important; /* זה מה שיגרום להדר להיות צר יותר בפועל */ } } /* --- 3. איפוס למובייל (הגנה) --- */ @media (max-width: 767px) { .elementor-12697 .elementor-element.elementor-element-b87c681.elementor-sticky--active { background-color: transparent !important; padding: inherit !important; min-height: inherit !important; box-shadow: none !important; backdrop-filter: none !important; } .elementor-12697 .elementor-element.elementor-element-b87c681.elementor-sticky--active img { max-width: 100% !important; /* החזרה לגודל מקורי במובייל */ } }/* End custom CSS */