/* Search Form shortcode */
.hostfully-search-form {
  --gap: .75rem;
  --radius: 0px;
  --pad: 20px;
  display: block;
  padding: var(--pad);
}
.hostfully-search-form .hsf-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: var(--gap);
  align-items: end;
}
.hostfully-search-form .hsf-field { display: grid; gap: .35rem; }
.hostfully-search-form .hsf-grow { grid-column: span 2; }
.hostfully-search-form label { font-size: 14x; color: #ffffff; }

.hostfully-search-form input[type="date"],
.hostfully-search-form select {
  appearance: none; 
  width: 100%; 
  background: #0D1C3A; 
  border: 1px solid #4A699A;
  border-radius: 0; 
  padding: .7rem .9rem; 
  transition: border-color .15s ease, 
  background-color .15s ease, 
  box-shadow .15s ease;
}
.hostfully-search-form input[type="date"]:focus, .hostfully-search-form select:focus {
  outline: none; border-color: #4A699A; background: #3d4d5e; box-shadow: 0 0 0 3px rgba(59,130,246,.15);
}
.hostfully-search-form .hsf-actions { display: flex; justify-content: flex-end; align-items: center; }
.hostfully-search-form .hsf-submit { width: 100%;
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .7rem 1.1rem;
  border-radius: 100px; border: 1px solid #4A699A; background: #4A699A; color: #fff; font-weight: 600; cursor: pointer;transition: transform .05s ease, filter .15s ease;
}
.hostfully-search-form .hsf-submit:hover { background: #5373a7; border: 1px solid #4A699A }

@media (max-width: 1024px) {
  .hostfully-search-form .hsf-row { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .hostfully-search-form .hsf-grow { grid-column: span 3; }
}
@media (max-width: 640px) {
  .hostfully-search-form { padding: .75rem; }
  .hostfully-search-form .hsf-row { grid-template-columns: 1fr 1fr; }
  .hostfully-search-form .hsf-actions { grid-column: span 2; }
  .hostfully-search-form .hsf-grow { grid-column: span 2; }
}