/* Standard: alle HivePress Listing-Search-Forms ausblenden */
form.hp-form--listing-search {
  display: none !important;
}

/* Ausnahme: anzeigen, wenn das FORM selbst oder ein Parent .nm-searchbar hat */
form.hp-form--listing-search.nm-searchbar,
.nm-searchbar form.hp-form--listing-search {
  display: revert !important;
}

/* Fallback, falls "revert" im Theme/Browser nicht sauber greift */
@supports not (display: revert) {
  form.hp-form--listing-search.nm-searchbar,
  .nm-searchbar form.hp-form--listing-search {
    display: block !important;
  }
}

/* 1) GLOBAL: alle Listing-Search-Forms ausblenden */
form.hp-form--listing-search {
  display: none !important;
}

/* 2) AUSNAHME: anzeigen, wenn das Form selbst ODER ein Parent .nm-searchbar hat */
form.hp-form--listing-search.nm-searchbar,
.nm-searchbar form.hp-form--listing-search {
  display: flex !important;          /* wichtig: Layout wieder wie "wide" */
  align-items: center !important;    /* Button vertikal mittig */
  gap: 0 !important;
}

/* 3) Breites Layout wie üblich: Felder links, Button rechts */
form.hp-form--listing-search.nm-searchbar .hp-form__fields,
.nm-searchbar form.hp-form--listing-search .hp-form__fields {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: stretch !important;
}

form.hp-form--listing-search.nm-searchbar .hp-form__footer,
.nm-searchbar form.hp-form--listing-search .hp-form__footer {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;    /* Button mittig */
  margin: 0 !important;
}

/* Optional: Button nicht "unten kleben", sondern normal */
form.hp-form--listing-search.nm-searchbar .hp-form__button,
.nm-searchbar form.hp-form--listing-search .hp-form__button {
  margin: 0 !important;
}

/* 4) Mobile: untereinander stapeln */
@media (max-width: 768px) {
  form.hp-form--listing-search.nm-searchbar,
  .nm-searchbar form.hp-form--listing-search {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  form.hp-form--listing-search.nm-searchbar .hp-form__fields,
  .nm-searchbar form.hp-form--listing-search .hp-form__fields {
    width: 100% !important;
  }

  form.hp-form--listing-search.nm-searchbar .hp-form__footer,
  .nm-searchbar form.hp-form--listing-search .hp-form__footer {
    width: 100% !important;
  }
}