/* The main search form.
   Mobile: stacked; 768+: 4 columns; 1024+: one row with Search at the end
   and the requirements panel underneath. */

.search-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: var(--space-4);
  background: var(--color-surface);
  border-radius: 18px;
}
.search-form--full { box-shadow: var(--shadow-raised); }

.search-form__where,
.search-form .requirements,
.search-form__submit { grid-column: 1 / -1; }

.search-form__submit-more { display: inline; }

@media (min-width: 768px) {
  .search-form {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-3);
    padding: var(--space-5);
    border-radius: var(--radius-xl);
  }
}

@media (min-width: 1024px) {
  .search-form {
    grid-template-columns: 2.2fr 1fr 1fr 1fr 1fr auto;
    align-items: end;
  }
  .search-form__where { grid-column: 1; }
  .search-form__submit {
    grid-column: 6;
    grid-row: 1;
    padding-inline: var(--space-7);
  }
  .search-form__submit-more { display: none; }
}