/*
 * Search form block (aa-universal/search-form, Search_Form). Loaded only where the
 * block renders, and in the editor. The field and the Search button keep the
 * theme's field and action contract (theme.css); this sheet lays them out, adds
 * the decorative search icon and styles the quick-link chips. Colors come from
 * the site tokens.
 */
/* A width (not a max-width, which layout containers set) keeps the form at a comfortable
   38rem wherever it is placed, and full width on narrower screens. */
.aau-search-form { width: min(100%, 38rem); }
.aau-search-form__form { margin: 0; }
.aau-search-form__control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; }
.aau-search-form__field { position: relative; display: block; min-width: 0; }
.aau-search-form__field > svg { position: absolute; top: 50%; inset-inline-start: .875rem; width: 1.25rem; height: 1.25rem; color: var(--aau-color-muted, #667085); pointer-events: none; transform: translateY(-50%); }
.aau-search-form__input { padding-inline-start: 2.75rem; }
.aau-search-form__submit { white-space: nowrap; }

/* Quick links: a labelled row of wrapping chips (36px targets). */
.aau-search-form__quick { margin-block-start: 1.25rem; }
.aau-search-form__quick-label { margin: 0 0 .625rem; color: var(--aau-color-muted, #667085); font-size: .875rem; font-weight: 600; line-height: 1.4; }
.aau-search-form__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.aau-search-form__quick-item { min-width: 0; max-width: 100%; margin: 0; }
.aau-search-form__chip { display: inline-flex; min-height: 2.25rem; max-width: 100%; align-items: center; padding: .375rem .875rem; border: 1px solid var(--aau-color-control-border, var(--aau-color-muted, #667085)); border-radius: 1.125rem; background: var(--aau-color-base, #fff); color: var(--aau-color-contrast, #192a3d); font-size: .875rem; line-height: 1.35; overflow-wrap: anywhere; text-decoration: none; }
@media (hover: hover) and (pointer: fine) {
	.aau-search-form__chip:hover { border-color: var(--aau-color-contrast, #192a3d); text-decoration: underline; text-underline-offset: .16em; }
}

/* In a Hero band: a larger field and button from tablets up, with room above the form. */
.wp-block-group.is-style-aau-hero > .aau-search-form { margin-block-start: clamp(1.75rem, 4vw, 2.5rem); }
@media (min-width: 600px) {
	.is-style-aau-hero .aau-search-form :is(.aau-search-form__input, .aau-search-form__submit) { min-height: 56px; font-size: 1.0625rem; }
}