/* Search filters — aligned with the create-listing design language. */
:root{
  --search-filter-ink:#1b2432;
  --search-filter-muted:#697280;
  --search-filter-line:#d8dde3;
  --search-filter-accent:#3d6e8c;
  --search-filter-soft:#eef4f7;
  --search-filter-dark:#1b2432;
  --search-filter-dark-line:rgba(255,255,255,.10);
}

.filter,.filter-trigger,.mobile-filters-button{
  border:1.5px solid var(--search-filter-line)!important;
  background:#fff!important;
  color:var(--search-filter-ink)!important;
  border-radius:14px!important;
  box-shadow:0 1px 2px rgba(27,36,50,.04)!important;
  font-weight:650!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .12s ease,background-color .16s ease!important;
}
.filter:hover,.filter-trigger:hover,.mobile-filters-button:hover{
  border-color:#aab5bf!important;
  background:#fff!important;
}
.filter:active,.filter-trigger:active,.mobile-filters-button:active{transform:scale(.98)}
.filter-trigger.selected,.filter-trigger.has-value,.filter-trigger.open,
.mobile-filters-button[aria-expanded="true"]{
  border-color:var(--search-filter-ink)!important;
  background:#fff!important;
  color:var(--search-filter-ink)!important;
  box-shadow:0 0 0 3px rgba(61,110,140,.11)!important;
}
.z-clear-all{border-color:transparent!important;background:transparent!important;color:var(--search-filter-accent)!important;box-shadow:none!important}

.z-panel{
  background:var(--search-filter-dark)!important;
  color:#f7f8fa!important;
  border:1px solid var(--search-filter-dark-line)!important;
  border-radius:22px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.32)!important;
  padding:12px!important;
}
.z-panel h3,.z-panel legend,.z-panel label,.z-panel span{color:#f7f8fa!important}
.z-mode-panel{width:300px!important;padding:12px!important}
.z-mode-panel legend,.z-panel-heading{padding:8px 10px 10px!important;margin:0!important;font-size:16px!important}
.z-radio-row,.z-type-list .z-check-row{
  min-height:50px!important;
  padding:10px 12px!important;
  border-bottom:1px solid var(--search-filter-dark-line)!important;
  border-radius:0!important;
}
.z-radio-row:last-of-type,.z-type-list .z-check-row:last-child{border-bottom:0!important}
.z-radio-row:hover,.z-check-row:hover{background:rgba(255,255,255,.055)!important}
.z-radio-row input,.z-check-row input{border-color:#aeb8c3!important;background:transparent!important}
.z-radio-row input:checked{border-color:#d9efff!important;box-shadow:inset 0 0 0 6px var(--search-filter-accent)!important}
.z-check-row input:checked{border-color:var(--search-filter-accent)!important;background:var(--search-filter-accent)!important}
.z-panel-footer{border-top:1px solid var(--search-filter-dark-line)!important;margin-top:10px!important;padding:12px 6px 2px!important}
.z-apply{
  height:46px!important;
  border-radius:14px!important;
  background:#f7f8fa!important;
  color:var(--search-filter-ink)!important;
  font-weight:800!important;
}
.z-apply:hover{background:#e8edf1!important}
.z-reset,.z-link{color:#c9dce7!important;text-decoration:none!important}
.z-reset:hover,.z-link:hover{color:#fff!important}
.z-price-panel,.z-type-panel{padding:14px!important}
.z-price-panel .price-inputs label{color:#d7dee5!important}
.z-price-panel .price-inputs input{
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border-radius:14px!important;
}
.z-price-panel .price-inputs input::placeholder{color:#aeb8c3!important}
.z-price-panel .price-inputs input:focus{outline:none!important;border-color:#d9efff!important;box-shadow:0 0 0 3px rgba(217,239,255,.12)!important}
.z-rooms-panel{padding:12px!important}
.z-rooms-panel section{padding:0 4px 14px!important}
.z-rooms-panel section h3{height:auto!important;margin:0!important;padding:12px 8px!important;background:transparent!important;color:#fff!important}
.z-segments{gap:7px!important;border:0!important;border-radius:0!important;overflow:visible!important}
.z-segments button{
  height:44px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  color:#f7f8fa!important;
  font-weight:700!important;
}
.z-segments button:hover{background:rgba(255,255,255,.10)!important}
.z-segments button.active{border-color:#d9efff!important;background:rgba(61,110,140,.58)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(217,239,255,.08)!important}
.z-type-list{gap:0 10px!important}

@media(max-width:760px){
  .mobile-filter-panel{
    gap:8px!important;
    padding:10px!important;
    border:1px solid var(--search-filter-dark-line)!important;
    border-radius:20px!important;
    background:var(--search-filter-dark)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.32)!important;
  }
  .mobile-filter-panel button{
    min-height:48px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.055)!important;
    color:#f7f8fa!important;
    font-weight:750!important;
  }
  .mobile-filter-panel button:hover,.mobile-filter-panel button:active{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.22)!important}
  .mobile-filter-panel button[data-mobile-clear]{color:#d9efff!important;border-color:rgba(217,239,255,.25)!important}

  .mobile-sheet{background:#f4f6f8!important;color:var(--search-filter-ink)!important}
  .mobile-sheet-header{height:72px!important;flex-basis:72px!important;border-bottom:1px solid var(--search-filter-line)!important;background:#fff!important}
  .mobile-sheet-header h2{font-size:25px!important;color:var(--search-filter-ink)!important}
  .mobile-sheet-header button{top:14px!important;color:var(--search-filter-ink)!important}
  #mobileModeSheet{background:#f4f6f8!important}
  .mobile-mode-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:20px 16px 0!important;padding:0!important;background:transparent!important;box-shadow:none!important;font-size:18px!important}
  .mobile-mode-options label{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important;min-height:112px!important;padding:20px!important;border:1.5px solid var(--search-filter-line)!important;border-radius:20px!important;background:#fff!important;color:var(--search-filter-ink)!important;box-shadow:0 7px 22px rgba(27,36,50,.06)!important}
  .mobile-mode-options label:has(input:checked){border-color:var(--search-filter-accent)!important;background:var(--search-filter-soft)!important;box-shadow:inset 0 0 0 1px var(--search-filter-accent),0 7px 22px rgba(27,36,50,.07)!important}
  .mobile-mode-options label span{font-weight:850!important}
  .mobile-mode-options label span:after{display:block;margin-top:4px;color:var(--search-filter-muted);font-size:13px;font-weight:500}
  .mobile-mode-options label:first-child span:after{content:'נכסים המוצעים לרכישה'}
  .mobile-mode-options label:last-child span:after{content:'נכסים להשכרה חודשית'}
  .mobile-mode-options input{position:absolute!important;top:16px!important;left:16px!important;width:24px!important;height:24px!important;flex-basis:24px!important;border:2px solid #9ca7b2!important;background:#fff!important}
  .mobile-mode-options input:checked{border:7px solid var(--search-filter-accent)!important;box-shadow:none!important}
  .mobile-sheet-actions,.mobile-filter-footer{background:#fff!important;border-top:1px solid var(--search-filter-line)!important}
  .mobile-sheet-actions button,.mobile-filter-footer button[data-mobile-filter-apply]{height:54px!important;border-radius:16px!important;background:var(--search-filter-accent)!important;font-size:18px!important}

  .mobile-filter-content{padding:18px 16px 112px!important;background:#f7f8fa!important}
  .mobile-filter-section{padding:18px!important;margin:0 0 12px!important;border:1px solid var(--search-filter-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 5px 18px rgba(27,36,50,.05)!important}
  .mobile-filter-section h3{font-size:19px!important;color:var(--search-filter-ink)!important}
  .mobile-price-inputs input{height:50px!important;border:1.5px solid var(--search-filter-line)!important;border-radius:14px!important;background:#fff!important;color:var(--search-filter-ink)!important}
  .mobile-price-slider{position:relative;height:38px;margin:20px 6px 0;direction:ltr}
  .mobile-price-track{position:absolute;top:16px;right:0;left:0;height:6px;border-radius:999px;background:linear-gradient(to right,#dce2e7 0 var(--range-start),var(--search-filter-accent) var(--range-start) var(--range-end),#dce2e7 var(--range-end) 100%)}
  .mobile-price-slider input[type="range"]{position:absolute;inset:0;width:100%;height:38px;margin:0;padding:0;border:0;background:transparent;pointer-events:none;appearance:none;-webkit-appearance:none}
  .mobile-price-slider input[type="range"]::-webkit-slider-runnable-track{height:6px;background:transparent}
  .mobile-price-slider input[type="range"]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px;border:4px solid #fff;border-radius:50%;background:var(--search-filter-accent);box-shadow:0 2px 9px rgba(27,36,50,.28);pointer-events:auto;appearance:none;-webkit-appearance:none}
  .mobile-price-slider input[type="range"]::-moz-range-track{height:6px;background:transparent}
  .mobile-price-slider input[type="range"]::-moz-range-thumb{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:var(--search-filter-accent);box-shadow:0 2px 9px rgba(27,36,50,.28);pointer-events:auto}
  .mobile-price-scale{display:flex;justify-content:space-between;gap:12px;color:var(--search-filter-muted);font-size:13px;font-weight:650;direction:ltr}
  .mobile-price-scale span{direction:rtl}
  .mobile-segments{gap:7px!important;border:0!important;border-radius:0!important;overflow:visible!important}
  .mobile-segments button{
    height:44px!important;
    border:1px solid var(--search-filter-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--search-filter-ink)!important;
    font-size:15px!important;
  }
  .mobile-segments button.active{border-color:var(--search-filter-accent)!important;background:var(--search-filter-soft)!important;box-shadow:inset 0 0 0 1px var(--search-filter-accent)!important;color:var(--search-filter-ink)!important}
  .mobile-home-types{gap:9px!important}
  .mobile-home-types button{min-height:92px!important;border:1.5px solid var(--search-filter-line)!important;border-radius:16px!important;background:#fff!important;color:var(--search-filter-ink)!important}
  .mobile-home-types button.selected{border-color:var(--search-filter-accent)!important;background:var(--search-filter-soft)!important;box-shadow:inset 0 0 0 1px var(--search-filter-accent)!important}
  .mobile-check input:checked{border-color:var(--search-filter-accent)!important;background:var(--search-filter-accent)!important}
  .mobile-filter-footer button[data-mobile-filter-reset]{color:var(--search-filter-accent)!important}
  .mobile-filter-content{scrollbar-width:none;overscroll-behavior:contain}
  .mobile-filter-content::-webkit-scrollbar{display:none}
}

@media(max-width:390px){
  .mobile-filter-content{padding-inline:12px!important}
  .mobile-filter-section{padding:15px!important}
  .mobile-segments{gap:5px!important}
  .mobile-segments button{font-size:14px!important}
}

/* Property-type multi-select — compact chips matching the create-listing choices. */
.z-type-panel{width:430px!important}
.z-panel-heading small{display:block;margin-top:3px;color:#b8c3cd!important;font-size:13px;font-weight:500}
.z-type-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:12px}
.z-type-list .z-check-row{
  position:relative;
  min-height:44px!important;
  justify-content:center!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  text-align:center;
  transition:border-color .15s ease,background-color .15s ease,transform .12s ease;
}
.z-type-list .z-check-row:hover{background:rgba(255,255,255,.10)!important}
.z-type-list .z-check-row:active{transform:scale(.98)}
.z-type-list .z-check-row:has(input:checked){border-color:#d9efff!important;background:rgba(61,110,140,.58)!important;box-shadow:0 0 0 2px rgba(217,239,255,.07)}
.z-type-list .z-check-row input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.z-type-list .z-check-row span{font-size:14px!important;font-weight:750!important}
.z-type-list .z-check-row:has(input:checked) span:before{content:'✓';margin-left:6px;color:#d9efff;font-weight:900}

@media(max-width:760px){
  .mobile-filter-hint{margin:-7px 0 12px;color:var(--search-filter-muted);font-size:13px;font-weight:500}
  .mobile-home-types{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .mobile-home-types button{
    min-height:44px!important;
    padding:7px 6px!important;
    border:1px solid var(--search-filter-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--search-filter-ink)!important;
    font-size:14px!important;
    font-weight:750!important;
    box-shadow:none!important;
  }
  .mobile-home-types button.selected{border-color:var(--search-filter-accent)!important;background:var(--search-filter-soft)!important;box-shadow:inset 0 0 0 1px var(--search-filter-accent)!important}
  .mobile-home-types button.selected span:before{content:'✓';margin-left:5px;color:var(--search-filter-accent);font-weight:900}
  .home-type-icon{display:none!important}
}
