/* Make the whole search fieldset a flex row */
.pdb-searchform fieldset.inline-controls {
  display: flex !important;
  flex-wrap: wrap; /* lets it wrap on smaller screens */
  align-items: center;
  gap: 10px; /* space between elements */
  border: none; /* optional: remove default fieldset border */
}

/* Hide the "Search:" legend if you don’t want it */
.pdb-searchform fieldset.inline-controls legend {
  display: none;
}

/* Style dropdown and input text box */
.pdb-searchform select.search-item,
.pdb-searchform input[type="text"].search-item {
  flex: 1 1 auto;
  min-width: 180px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Style the Search and Clear buttons */
.pdb-searchform input.search-form-submit,
.pdb-searchform input.search-form-clear {
  background-color: #284B73;   /* WP blue or your brand */
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
}

/* Hover effect */
.pdb-searchform input.search-form-submit:hover,
.pdb-searchform input.search-form-clear:hover {
  background-color: #f3bd19;   /* darker shade */
}