.elementor-959 .elementor-element.elementor-element-72b9575{--display:flex;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-959 .elementor-element.elementor-element-eba9908{width:var( --container-widget-width, 44px );max-width:44px;--container-widget-width:44px;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-959 .elementor-element.elementor-element-72b9575{--content-width:100%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-7803743 */.elementor-959 .elementor-element.elementor-element-7803743{
    margin: 0px;
    padding: 0px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-eba9908 *//* ================================
   POPUP TOGGLE ICON (Elementor Image Widget)
   - MASK על ה-link עצמו (a::before) כדי שיהיה ממורכז ולא יתנפח
   - סגור = לבן, פתוח = שחור
   ================================ */

.elementor-959 .elementor-element.elementor-element-eba9908.popup-toggle-img{
  position: fixed !important;
  top: 5px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 999999 !important;
}

/* נועל את הקישור עצמו לגודל קבוע וממרכז תוכן */
.elementor-959 .elementor-element.elementor-element-eba9908.popup-toggle-img .elementor-widget-container a{
  width: 35px !important;
  height: 35px !important;
  display: grid !important;
  place-items: center !important;

  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;

  /* משתנים */
  --icon-color-closed: #fff; /* סגור = לבן */
  --icon-color-open: #000;   /* פתוח = שחור */
}

/* ה־SVG כ-mask — הצבע מגיע מה-background-color */
.elementor-959 .elementor-element.elementor-element-eba9908.popup-toggle-img .elementor-widget-container a::before{
  content: "" !important;
  width: 44px !important;
  height: 44px !important;
  display: block !important;

  background-color: var(--icon-color-closed) !important;

  -webkit-mask: url("https://norder.co.il/wp-content/uploads/2026/01/%D7%A4%D7%AA%D7%95%D7%97.svg") no-repeat center / contain;
          mask: url("https://norder.co.il/wp-content/uploads/2026/01/%D7%A4%D7%AA%D7%95%D7%97.svg") no-repeat center / contain;

  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 200ms ease, background-color 200ms ease;

  /* מאפשר לקליק לעבור ל-link */
  pointer-events: none;
}

/* מסתיר את ה-img המקורי (משאירים אותו רק בשביל ה-popup action) */
.elementor-959 .elementor-element.elementor-element-eba9908.popup-toggle-img img{
  opacity: 0 !important;
  width: 32px !important;
  height: 32px !important;
}

/* מצב פתוח: סיבוב + צבע */
.elementor-959 .elementor-element.elementor-element-eba9908.popup-toggle-img.is-open .elementor-widget-container a::before{
  background-color: var(--icon-color-open) !important;
  transform: rotate(90deg);
}

/* הצג רק בנייד */
@media (min-width: 768px){
  .elementor-959 .elementor-element.elementor-element-eba9908.popup-toggle-img{
    display: none !important;
  }
}

/* =========================================
   PANEL OPEN: רק שינוי צבע (בלי סיבוב)
   Popup OPEN (is-open) עדיין עושה צבע+סיבוב
   ========================================= */

/* כשהתוכן המתרחב פתוח — רק צבע (לא נוגעים בסיבוב) */
/* כשהתוכן המתרחב פתוח — רק צבע (בלי סיבוב) */
/* PANEL OPEN: שחור בלי סיבוב */
.elementor-959 .elementor-element.elementor-element-eba9908.popup-toggle-img.is-panel-open .elementor-widget-container a::before{
  background-color: var(--icon-color-open) !important;
  transform: rotate(0deg) !important;
}



/* כשהפופאפ פתוח — תמיד צבע+סיבוב (מנצח את ה-panel) */
.elementor-959 .elementor-element.elementor-element-eba9908.popup-toggle-img.is-open .elementor-widget-container a::before{
  background-color: var(--icon-color-open) !important;
  transform: rotate(90deg) !important;
}/* End custom CSS */