/* ===== חיפוש הדר — אייקון → פתיחה ימינה, דוחף את השכן ===== */
.hdr-search{
  --hs-light:#fff;
  --hs-dark:#111;                /* צבע סטיקי/פנימי — כווני כאן */
  --hs-color:var(--hs-light);
  --hs-icon:40px;                /* גודל הריבוע הלוחץ (יעד מגע) */
  --hs-open:270px;               /* רוחב במצב פתוח */
  display:inline-flex; align-items:center;
  direction:ltr;                 /* אייקון משמאל, שדה נפתח ימינה */
  width:var(--hs-icon);          /* מנוחה: רק האייקון */
  overflow:hidden;
  transition:width .45s cubic-bezier(.62,.03,.21,1);
}
.hdr-search--solid{--hs-color:var(--hs-dark);}
.elementor-sticky--effects .hdr-search--home{--hs-color:var(--hs-dark);}
#stcky_header > .e-con:has(.burger-button){ margin-left:auto !important; }

/* פתיחה: הקונטיינר גדל (רוחב מוגדר), ה-input ממלא אותו */
.hdr-search:hover,
.hdr-search:focus-within{ width:min(var(--hs-open),70vw); }

.hdr-search__trigger{
  flex:0 0 var(--hs-icon);
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--hs-icon); height:var(--hs-icon);
  cursor:pointer; border-radius:50%; color:var(--hs-color);
  transition:background .3s ease, color .4s ease;
}
.hdr-search__trigger:hover{ background:color-mix(in srgb,var(--hs-color) 14%,transparent); }
.hdr-search__trigger svg{ width:28px; height:28px; display:block; }

.hdr-search .hdr-search__input{
  flex:1 1 auto; width:auto; min-width:0 !important;
  -webkit-appearance:none; appearance:none;
  margin:0; padding:0;
  border:0 !important; border-bottom:1.5px solid transparent !important;
  border-radius:0 !important; background:transparent !important;
  box-shadow:none !important; outline:none !important;
  color:var(--hs-color); font:500 15px/1 "rubik",sans-serif;
  direction:rtl; text-align:right; opacity:0;
  transition:opacity .3s ease, border-color .45s ease, color .4s ease, padding .45s ease;
}
.hdr-search__input::-webkit-search-decoration,
.hdr-search__input::-webkit-search-cancel-button,
.hdr-search__input::-webkit-search-results-button,
.hdr-search__input::-webkit-search-results-decoration{ -webkit-appearance:none; display:none; }
.hdr-search__input::placeholder{ color:color-mix(in srgb,var(--hs-color) 60%,transparent); }

.hdr-search:hover .hdr-search__input,
.hdr-search:focus-within .hdr-search__input{
  opacity:1; padding:7px 6px;
  border-bottom-color:color-mix(in srgb,var(--hs-color) 85%,transparent) !important;
}
.hdr-search .hdr-search__input:focus{
  border:0 !important; border-bottom:1.5px solid !important;
  border-bottom-color:color-mix(in srgb,var(--hs-color) 85%,transparent) !important;
  background:transparent !important; box-shadow:none !important; outline:none !important;
}

/* עטיפות אלמנטור שעוטפות את החיפוש — לגדול עם התוכן, לא להגביל/להימתח */
#stcky_header .e-con:has(.hdr-search),
#stcky_header .elementor-widget-shortcode:has(.hdr-search),
#stcky_header .elementor-widget-shortcode:has(.hdr-search) .elementor-widget-container,
#stcky_header .elementor-widget-shortcode:has(.hdr-search) .elementor-shortcode{
  --width:auto !important; width:auto !important; max-width:none !important;
  flex:0 0 auto !important; overflow:visible !important;
}

@media (prefers-reduced-motion:reduce){
  .hdr-search,.hdr-search__input,.hdr-search__trigger{ transition:color .4s ease !important; }
}