.smdm-filters {
  margin:14px 0 18px;
}

.smdm-filter__row {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}

.smdm-filter__search {
  position:relative;
  flex:1 1 280px;
}

.smdm-filter__q {
  border-radius:5px;
}

.smdm-filter__host {
  padding:10px 12px;
  border-radius:5px;
  background:#fff;
}

.wp-block-search__inside-wrapper {
  max-width: unset !important;
}

/* ---------- Mobile layout ---------- */
@media (max-width: 700px) {

  /* Let things wrap cleanly */
  .smdm-filter__row {
    flex-wrap: wrap;
  }

  /* Search takes full row */
  .smdm-filter__search {
    flex: 0 0 100%;
  }

  .smdm-filter__search .wp-block-search__inside-wrapper {
    width: 100%;
  }

  #smdm-filter-q {
    width: 100%;
    max-width: unset;
  }

  /* Host select + Clear button share the next row, 50% each */
  .smdm-filter__hostwrap,
  .smdm-filter__clear-wrap {
    flex: 0 0 50%;
  }

  .smdm-filter__host {
    width: 100%;
  }

  .smdm-filter__clear-wrap .wp-block-button__link,
  .smdm-filter__clear-wrap .wp-element-button {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
}