/* Skyhawk test fixes for Bootstrap Barrio */

/* Make search field visible and usable in header/top regions. */
#block-bootstrap-barrio-search-form-narrow form,
#block-bootstrap-barrio-search-form-narrow #search-block-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

#block-bootstrap-barrio-search-form-narrow .form-item,
#block-bootstrap-barrio-search-form-narrow .form-actions {
  margin: 0 !important;
}

#block-bootstrap-barrio-search-form-narrow input[type="search"] {
  display: inline-block !important;
  width: 220px !important;
  max-width: 60vw;
  min-width: 160px;
}

/* Keep the top area readable. */
.region-top-header,
.region-top-header-form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}