/* =========================================================================
   Advanced Woo Search — what is left after the promotion.

   Moved into the theme (blocks/src/search/style.scss):

   - the undo of the plugin's narrow-width ".less500" item layout, which
     restacks each row from "title left / price right" to "title, then price
     below it". Every site putting an AWS field in a header column gets a
     narrow box and therefore a different result layout from its own footer.
     The theme matches on .less500 rather than on the plugin's sequential
     #aws-search-result-N ids, which renumber the moment a site adds another
     search box;

   - the type scale, which lifted the plugin's ~12px rows to something legible
     beside the field they drop out of;

   - the centred "show all results" row.

   Kept below: the two things that really are this site's.
   ========================================================================= */

/* -------------------------------------------------------------------------
   Desktop header dropdown — width and anchor.

   Not promotable: it addresses one instance by the id the plugin assigns in
   page order, and this site's order is

     #aws-search-result-1  desktop header search
     #aws-search-result-2  mobile header search (slide-out panel)
     #aws-search-result-3  footer search

   Add a fourth AWS widget anywhere on the page and these renumber, so re-check
   them in dev tools (search for ".aws-search-result") before trusting them.

   The plugin sets width/top/left inline from JS, hence !important. Anchoring
   from the right rather than copying the footer's `left` is what keeps the box
   inside the viewport: the header field sits much further right than the
   footer one, and it lines up on --yk-client-header-inset, the same number the
   mega panel pads by (general.css).

   The mobile slide-out (#aws-search-result-2) is deliberately left at its own
   width — forcing 519px there overflows the narrow panel it opens inside.
   ------------------------------------------------------------------------- */
#aws-search-result-1 {
  width: 519px !important;
  left: auto !important;
  right: var(--yk-client-header-inset, 5.25rem) !important;
}

/* Client typography. */
.aws-search-field {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
}