/* Query searches stay in the page flow, with feedback beside the field. */
.wp-block-search.nah-query-search {
  visibility: visible;
  position: static;
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
  column-gap: 24px;
  align-items: center;
}
.nah-query-search > .wp-block-search__label {
  grid-column: 1;
}
.nah-query-search > .wp-block-search__inside-wrapper {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
}
.nah-query-search > .nah-query-search__status {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  margin: 0;
  color: var(--wp--preset--color--classic-blue);
  font-family: var(--wp--preset--font-family--open-sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.nah-query-search__status[hidden],
.nah-query-search__spinner[hidden] {
  display: none;
}
.nah-query-search__status > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
.nah-query-search__spinner {
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 3px solid color-mix(in srgb, var(--wp--preset--color--classic-green) 20%, transparent);
  border-top-color: var(--wp--preset--color--classic-green);
  border-radius: 50%;
  animation: nah-query-search-spin 0.8s linear infinite;
}
.nah-query-results--loading .wp-block-post-template {
  opacity: 0.4;
}
.nah-query-results--loading .wp-block-query-pagination {
  opacity: 0.35;
}
@keyframes nah-query-search-spin {
  to { transform: rotate(360deg); }
}
@media (max-width: 781px) {
  .wp-block-search.nah-query-search {
    grid-template-columns: minmax(0, 1fr);
  }
  .nah-query-search > .nah-query-search__status {
    grid-column: 1;
    grid-row: 3;
    min-height: 24px;
    margin-top: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .nah-query-search__spinner { animation: none; }
}