/* Filter Bar layout (responsive, compact) */
.wb-filter-bar{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr 1fr auto;
  gap:12px;
  align-items:end;
  margin: 1rem 0 1.25rem;
}

.wb-filter{ display:flex; flex-direction:column; gap:.35rem; }
.wb-filter__label{ font-size:.9rem; opacity:.75; }
.wb-filter__control{
  height:40px;
  padding:0 .6rem;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.1);
  background:#fff;
}

.wb-filter-bar__submit{
  height:40px;
  padding:0 14px;
  border-radius:10px;
  border:0;
  background:var(--wb-accent, #ff8a00);
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.wb-filter-bar__submit:hover{ filter:brightness(.95); }

/* Mobile */
@media (max-width: 900px){
  .wb-filter-bar{ grid-template-columns: 1fr; }
}

/* css/components/filter-bar.css */
.wb-filter-bar{
  grid-template-columns: 2fr 1fr auto; /* Search | Category | Apply */
}