/* בסיס: שימוש במשתנים ליצירת וריאציות */
#site-search, .search-reveal{ background: var(--overlay-bg, rgba(255,255,255,.92)); }
#site-search .search-wrap, .search-reveal .search-wrap{
  background: var(--panel-bg, #fff);
  color: var(--text, #111);
  box-shadow: var(--shadow, 0 10px 30px rgba(0,0,0,.12));
  backdrop-filter: var(--blur, none);
  border: var(--panel-border, none);
}
#site-search input[type="search"], .search-reveal input[type="search"]{
  background: var(--input-bg, #fff);
  color: var(--input-text, #111);
  border: 1px solid var(--input-border, #e5e7eb);
}
#site-search .btn, .search-reveal .btn,
#site-search button[type="submit"], .search-reveal button[type="submit"]{
  background: var(--btn-bg, #f97316);
  color: var(--btn-text, #fff);
  border: 1px solid var(--btn-border, transparent);
}
#site-search .btn:hover, .search-reveal .btn:hover,
#site-search button[type="submit"]:hover, .search-reveal button[type="submit"]:hover{
  background: var(--btn-hover-bg, #ea580c);
}
#site-search .close, .search-reveal .close{
  background: var(--close-bg, rgba(0,0,0,.08));
  color: var(--close-text, #111);
  border: 1px solid var(--close-border, transparent);
}


.search-form .btn-close {
 
  height: 40px;
  border-radius: 8px;
background: #c36;
  color: #ffffff;
}










/* כהה שקוף */
.esp-theme-dark-glass #site-search, .esp-theme-dark-glass .search-reveal{ --overlay-bg: rgba(10,10,12,.55) }
.esp-theme-dark-glass #site-search .search-wrap, .esp-theme-dark-glass .search-reveal .search-wrap{
  --panel-bg: rgba(20,22,26,.66);
  --text:#f3f4f6; --input-bg:rgba(255,255,255,.06); --input-border:rgba(255,255,255,.12);
  --input-text:#f9fafb; --btn-bg:#f97316; --btn-hover-bg:#ea580c; --btn-text:#fff;
  --close-bg:rgba(255,255,255,.1); --close-text:#e5e7eb; --close-border:rgba(255,255,255,.14);
  --shadow:0 20px 50px rgba(0,0,0,.45); --blur:saturate(1.2) blur(10px);
}

/* אפור מאט */
.esp-theme-gray-matte #site-search, .esp-theme-gray-matte .search-reveal{ --overlay-bg: rgba(30,30,34,.35) }
.esp-theme-gray-matte #site-search .search-wrap, .esp-theme-gray-matte .search-reveal .search-wrap{
  --panel-bg:#f3f4f6; --text:#111827; --input-bg:#fff; --input-border:#d1d5db; --input-text:#111827;
  --btn-bg:#374151; --btn-hover-bg:#1f2937; --btn-text:#f9fafb;
  --close-bg:rgba(0,0,0,.06); --close-text:#111827; --close-border:#e5e7eb;
  --shadow:0 12px 28px rgba(0,0,0,.12);
}

/* כהה מלא */
.esp-theme-ink-dark #site-search, .esp-theme-ink-dark .search-reveal{ --overlay-bg: rgba(3,4,6,.85) }
.esp-theme-ink-dark #site-search .search-wrap, .esp-theme-ink-dark .search-reveal .search-wrap{
  --panel-bg:#0f1115; --text:#e5e7eb; --input-bg:#0b0d11; --input-border:#1f2937; --input-text:#f3f4f6;
  --btn-bg:#f97316; --btn-hover-bg:#ea580c; --btn-text:#ffffff;
  --close-bg:rgba(255,255,255,.08); --close-text:#e5e7eb; --close-border:rgba(255,255,255,.12);
  --shadow:0 18px 44px rgba(0,0,0,.6);
}

/* בהיר כתום */
.esp-theme-light-orange #site-search, .esp-theme-light-orange .search-reveal{ --overlay-bg: rgba(255,255,255,.96) }
.esp-theme-light-orange #site-search .search-wrap, .esp-theme-light-orange .search-reveal .search-wrap{
  --panel-bg:#ffffff; --text:#0f172a; --input-bg:#ffffff; --input-border:#e5e7eb; --input-text:#0f172a;
  --btn-bg:#f97316; --btn-hover-bg:#ea580c; --btn-text:#ffffff;
  --close-bg:rgba(0,0,0,.06); --close-text:#0f172a; --close-border:#e5e7eb;
  --shadow:0 10px 26px rgba(0,0,0,.10);
}

/* בסיסי יציב */
.esp-theme-stable-base #site-search, .esp-theme-stable-base .search-reveal{ --overlay-bg: rgba(255,255,255,.96) }
.esp-theme-stable-base #site-search .search-wrap, .esp-theme-stable-base .search-reveal .search-wrap{
  --panel-bg:#ffffff; --text:#111827; --input-bg:#ffffff; --input-border:#e5e7eb; --input-text:#111827;
  --btn-bg:#f97316; --btn-hover-bg:#ea580c; --btn-text:#ffffff;
  --close-bg:rgba(0,0,0,.06); --close-text:#111827; --close-border:#e5e7eb;
  --shadow:0 12px 28px rgba(0,0,0,.12);
}

/* אפור כהה עם כתום */
.esp-theme-dark-gray-orange #site-search, .esp-theme-dark-gray-orange .search-reveal{ --overlay-bg: rgba(20,22,26,.75) }
.esp-theme-dark-gray-orange #site-search .search-wrap, .esp-theme-dark-gray-orange .search-reveal .search-wrap{
  --panel-bg:#1f2937; --text:#e5e7eb; --input-bg:#111827; --input-border:#374151; --input-text:#f3f4f6;
  --btn-bg:#f97316; --btn-hover-bg:#ea580c; --btn-text:#ffffff; --btn-border:transparent;
  --close-bg:rgba(255,255,255,.1); --close-text:#e5e7eb; --close-border:rgba(255,255,255,.16);
  --shadow:0 20px 44px rgba(0,0,0,.5);
}

/* לבן אטום + מסגרת אפורה */
.esp-theme-white-solid-grayframe #site-search, .esp-theme-white-solid-grayframe .search-reveal{ --overlay-bg: rgba(255,255,255,.98) }
.esp-theme-white-solid-grayframe #site-search .search-wrap, .esp-theme-white-solid-grayframe .search-reveal .search-wrap{
  --panel-bg:#ffffff; --text:#0f172a; --input-bg:#ffffff; --input-border:#d1d5db; --input-text:#0f172a;
  --btn-bg:#f97316; --btn-hover-bg:#ea580c; --btn-text:#ffffff; --panel-border:1px solid #e5e7eb;
  --close-bg:#f1f5f9; --close-text:#0f172a; --close-border:#e2e8f0;
  --shadow:0 10px 20px rgba(0,0,0,.07);
}

/* לבן אטום, מסגרת כתומה וכפתורים אחידים */
.esp-theme-white-orange-ui #site-search, .esp-theme-white-orange-ui .search-reveal{ --overlay-bg: rgba(255,255,255,.98) }
.esp-theme-white-orange-ui #site-search .search-wrap, .esp-theme-white-orange-ui .search-reveal .search-wrap{
  --panel-bg:#ffffff; --text:#0f172a;
  --input-bg:#ffffff; --input-text:#0f172a; --input-border:#f97316;
  --btn-bg:#f97316; --btn-hover-bg:#ea580c; --btn-text:#ffffff; --btn-border:#f97316;
  --close-bg:#f97316; --close-text:#ffffff; --close-border:#f97316;
  --panel-border:1px solid #ffedd5;
}
.esp-theme-white-orange-ui #site-search input[type="search"],
.esp-theme-white-orange-ui .search-reveal input[type="search"]{

  border-width: 2px;
  border-color: #f973164d;
  
  
}
.esp-theme-white-orange-ui #site-search .btn,
.esp-theme-white-orange-ui .search-reveal .btn,
.esp-theme-white-orange-ui #site-search button[type="submit"],
.esp-theme-white-orange-ui .search-reveal button[type="submit"],
.esp-theme-white-orange-ui #site-search .close,
.esp-theme-white-orange-ui .search-reveal .close{
  height:42px; line-height:12px; padding:0 14px; border-radius:10px;
  min-width:92px; box-sizing:border-box;
}
.esp-theme-white-orange-ui #site-search .close,
.esp-theme-white-orange-ui .search-reveal .close{
  background:#ffffff; color:#f97316; border:2px solid #f97316;
}
.esp-theme-white-orange-ui #site-search .btn,
.esp-theme-white-orange-ui .search-reveal .btn,
.esp-theme-white-orange-ui #site-search button[type="submit"],
.esp-theme-white-orange-ui .search-reveal button[type="submit"]{
  background:#f97316; color:#ffffff; border:2px solid #f97316;
}