/* Hand-written fixes — see scripts/build-legacy.mjs for why. */
/* The calendar icon was originally position:absolute on top of the label/
   input text (with a padding-right reserve as a stopgap). Give it its own
   flex column instead, laid out after the text column, so it can never
   sit on top of the text again. */
.boliin-search-form #search_form .input-group > .is-active .field-group-content {
  align-items: center;
}
.boliin-search-form #search_form .input-group > .is-active .field-group-content .icon {
  position: static !important;
  order: 2;
  flex: 0 0 auto;
  padding-top: 0;
  margin-left: 8px;
}
.boliin-search-form #search_form .input-group > .is-active .field-group-content .field-content {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 0 !important;
  box-sizing: border-box;
}
.boliin-search-form #search_form .input-group > .is-active .field-group-content .field-content .title-field,
.boliin-search-form #search_form .input-group > .is-active .field-group-content .field-content .search_guests_title,
.boliin-search-form #search_form .input-group > .is-active .field-group-content .field-content input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}