/* WRV_RENTALS_FILTER_1_2_177: filter bar for the rentals grid */
.wrv-rentals-filterbar{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:14px;
  margin:0 0 22px;
  padding:16px 18px;
  border:1px solid #dfeae3;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
.wrv-filter-field{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.wrv-filter-field.wrv-filter-search{
  flex:1 1 220px;
  min-width:180px;
}
.wrv-filter-field label{
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#5d6c62;
}
.wrv-filter-field input,
.wrv-filter-field select{
  min-height:46px;
  border:1px solid #d8dee9;
  border-radius:12px;
  padding:10px 12px;
  font-size:15px;
  background:#fff;
  color:#102618;
}
.wrv-filter-field input:focus,
.wrv-filter-field select:focus{
  outline:none;
  border-color:#245f37;
  box-shadow:0 0 0 3px rgba(36,95,55,.12);
}
.wrv-filter-clear{
  appearance:none;
  border:1px solid #d8dee9;
  background:#f4f7f5;
  color:#2c4636;
  border-radius:12px;
  min-height:46px;
  padding:0 18px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.wrv-filter-clear:hover{ background:#e8efe9; }
.wrv-filter-count{
  margin-left:auto;
  align-self:center;
  color:#5d6c62;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
}
.wrv-no-matches{
  border:1px dashed #cdd9d1;
  border-radius:16px;
  padding:26px 18px;
  text-align:center;
  color:#5d6c62;
  background:#fbfdfc;
}
.wrv-no-matches .wrv-filter-clear{ margin-left:8px; }
@media(max-width:680px){
  .wrv-rentals-filterbar{ gap:10px; padding:14px; }
  .wrv-filter-field{ flex:1 1 100%; }
  .wrv-filter-field.wrv-filter-search{ flex:1 1 100%; }
  .wrv-filter-count{ margin-left:0; width:100%; }
}