/* ============================================================
   Fullhouse · חיפוש חכם משותף
   - טאבים: חיפוש לפי שדות / חיפוש חכם (AI)
   - תיבת חיפוש חופשי (הדגמה) עם תוצאה מוכנה
   - מפת ישראל לחיצה בבורר "איפה?"
   נטען בכל עמודי האתר; מזריק את עצמו (fullhouse-smart.js)
   ============================================================ */

/* ----- טאבים של מצב חיפוש (אגנוסטי לרקע — קופסת קרם) ----- */
.searchwrap .bubble{display:none;} /* הוחלף בטאבים */
.searchmode{
  display:inline-flex; gap:4px; margin:0 auto 16px;
  background:var(--cream); border:1px solid var(--line-soft);
  border-radius:999px; padding:5px; box-shadow:var(--shadow-sm);
}
.smtab{
  border:none; background:transparent; color:var(--ink-500); cursor:pointer;
  font-family:var(--sans); font-weight:700; font-size:14px; line-height:1;
  padding:10px 20px; border-radius:999px; display:inline-flex; align-items:center; gap:8px;
  transition:background .18s var(--ease), color .18s var(--ease);
}
.smtab svg{width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.smtab:hover{color:var(--ink-900);}
.smtab.on{background:var(--ink-900); color:var(--sand-50);}
.smtab.on svg{stroke:var(--mustard);}
[data-mode-panel]{display:none;}
.searchbar[data-mode-panel].show{display:flex;}
[data-mode-panel].show{display:flex;}

/* ----- תיבת חיפוש AI ----- */
.aibar{flex-direction:column; gap:14px; text-align:start; width:100%;}
.aiwrap{
  display:flex; align-items:center; gap:10px; background:var(--cream);
  border-radius:22px; box-shadow:var(--shadow-md); padding:10px 12px 10px 16px;
}
.aiwrap .aispark{flex:none; width:38px; height:38px; border-radius:13px; background:var(--amber-100); display:grid; place-items:center;}
.aiwrap .aispark svg{width:21px; height:21px; stroke:var(--amber-700); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.aiwrap input{
  flex:1; min-width:0; border:none; background:transparent; outline:none;
  font-family:var(--sans); font-size:16px; font-weight:500; color:var(--ink-900); padding:6px 2px;
}
.aiwrap input::placeholder{color:var(--ink-300); font-weight:500;}
.ai-go{
  flex:none; height:46px; padding:0 22px; border:none; border-radius:14px; cursor:pointer;
  background:var(--amber-600); color:#3a2a08; font-family:var(--sans); font-weight:800; font-size:15px;
  display:inline-flex; align-items:center; gap:8px; transition:transform .12s var(--ease), filter .12s var(--ease);
}
.ai-go svg{width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round;}
.ai-go:hover{filter:brightness(1.03);} .ai-go:active{transform:scale(.97);}
.aiex-row{display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center;}
.aiex-row .aiex-lab{font-size:13px; font-weight:700; color:var(--ink-500);}
.aiex{
  border:1px solid var(--line); background:var(--cream); color:var(--ink-700);
  font-family:var(--sans); font-weight:600; font-size:13px; padding:8px 14px; border-radius:999px;
  cursor:pointer; transition:background .15s var(--ease), border-color .15s var(--ease);
}
.aiex:hover{background:var(--sand-100); border-color:var(--amber-300);}
.searchwrap.ai-mode .floatchip{display:none;}
/* על רקע וידאו כהה — תווית הדוגמאות בהירה יותר */
.v3hero.hasvideo .aiex-row .aiex-lab{color:rgba(255,255,255,.92); text-shadow:0 1px 8px rgba(0,0,0,.45);}

/* תוצאת ה-AI (הדגמה) */
.ai-result{
  position:relative; margin-top:2px; background:var(--cream); border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg); border:1px solid var(--line-soft); padding:20px; text-align:start;
  animation:airise .3s var(--ease);
}
@keyframes airise{from{opacity:0; transform:translateY(8px);}to{opacity:1; transform:none;}}
.ai-result[hidden]{display:none;}
.ai-loading{display:flex; align-items:center; gap:12px; color:var(--ink-700); font-weight:600; font-size:15px;}
.ai-dots{display:inline-flex; gap:5px;}
.ai-dots i{width:8px; height:8px; border-radius:50%; background:var(--amber-600); animation:aidot 1s infinite ease-in-out;}
.ai-dots i:nth-child(2){animation-delay:.15s;} .ai-dots i:nth-child(3){animation-delay:.3s;}
@keyframes aidot{0%,80%,100%{transform:scale(.5); opacity:.4;}40%{transform:scale(1); opacity:1;}}
.ai-understood{font-size:13.5px; font-weight:700; color:var(--amber-800); margin-bottom:12px; display:flex; align-items:center; gap:7px;}
.ai-understood svg{width:16px; height:16px; stroke:var(--amber-700); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.ai-chips{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px;}
.ai-chip{display:inline-flex; align-items:center; gap:7px; background:var(--sand-50); border:1.5px solid var(--line); border-radius:999px; padding:7px 13px; font-size:13.5px; font-weight:600; color:var(--ink-900);}
.ai-chip .k{color:var(--ink-300); font-weight:600; font-size:11.5px;}
.ai-villas{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px;}
.ai-villa{border-radius:14px; overflow:hidden; background:var(--sand-50); border:1px solid var(--line-soft);}
.ai-villa .vph{height:84px; background-size:cover;}
.ai-villa .vmeta{padding:9px 11px;}
.ai-villa .vn{font-weight:700; font-size:13.5px; color:var(--ink-900);}
.ai-villa .vl{font-size:11.5px; color:var(--ink-500); margin-top:2px;}
.ai-foot{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.ai-foot .cnt{font-size:14.5px; font-weight:700; color:var(--ink-900);}
.ai-foot .cnt b{color:var(--amber-800);}
.ai-cta{display:inline-flex; align-items:center; gap:8px; background:var(--ink-900); color:var(--sand-50); text-decoration:none; font-family:var(--sans); font-weight:700; font-size:14.5px; padding:11px 20px; border-radius:999px; transition:transform .12s var(--ease);}
.ai-cta:hover{transform:translateY(-1px);}
.ai-cta svg{width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;}

/* ----- מפת בחירת מיקום בתוך "איפה?" ----- */
.sfield.where .dropdown, .dsf.where .dropdown{width:min(348px,90vw);}
.wheremap{position:relative; height:320px; margin:8px 0 12px;}
.wm-sea{position:absolute; inset:0; border-radius:16px; overflow:hidden;
  background:linear-gradient(155deg,#DCEBF4 0%,#CFE4EF 60%,#E7F0E6 100%);}
.wm-sea::after{content:"הים התיכון"; position:absolute; top:14px; inset-inline-start:13px; font-size:11px; font-weight:600; color:#7FA7BE; letter-spacing:.04em;}
.wm-land{position:absolute; inset:0;
  background:linear-gradient(158deg,#E9E5BE 0%,#DBE2AE 42%,#ECD498 76%,#E6BC80 100%);
  clip-path:polygon(40% 0,58% 2%,66% 9%,61% 20%,66% 31%,60% 41%,64% 52%,56% 64%,50% 100%,45% 70%,42% 54%,34% 40%,37% 26%,34% 14%);
}
.wm-region{
  position:absolute; transform:translate(50%,-50%); z-index:3;
  display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
  background:rgba(255,253,248,.94); border:1.5px solid var(--line); border-radius:999px;
  padding:6px 12px; font-family:var(--sans); font-weight:700; font-size:12.5px; color:var(--ink-900);
  cursor:pointer; box-shadow:var(--shadow-xs); transition:transform .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease);
}
.wm-region .wdot{width:9px; height:9px; border-radius:50%; background:var(--c,var(--amber-600)); flex:none; transition:transform .2s var(--ease);}
.wm-region:hover{transform:translate(50%,-50%) scale(1.07); border-color:var(--amber-300); z-index:5;}
.wm-region:hover .wdot{transform:scale(1.4);}
.wm-region.sel{background:var(--ink-900); border-color:var(--ink-900); color:var(--sand-50);}
.wm-region.sel .wdot{background:var(--sand-50);}
.wm-all{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  background:var(--sand-50); border:1.5px solid var(--line); border-radius:12px;
  padding:11px; font-family:var(--sans); font-weight:700; font-size:14px; color:var(--ink-900);
  cursor:pointer; transition:border-color .15s var(--ease), background .15s var(--ease);
}
.wm-all svg{width:17px; height:17px; stroke:var(--ink-700); fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}
.wm-all:hover{border-color:var(--amber-300);}
.wm-all.sel{background:var(--ink-900); border-color:var(--ink-900); color:var(--sand-50);}
.wm-all.sel svg{stroke:var(--sand-50);}

@media(max-width:640px){
  .aiwrap{flex-wrap:wrap;}
  .ai-go{width:100%; justify-content:center;}
  .ai-villas{grid-template-columns:1fr 1fr;}
}