/* Focus Visible (WCAG 2.4.7, AA). The theme sets
   .site-search__input:focus-visible{outline:none !important} and puts nothing
   back. The input is borderless by design, so the indicator belongs on the
   pill wrapper around it. */
.site-search__field:focus-within {
	outline: 2px solid var( --wp--preset--color--black, #25150C );
	outline-offset: 2px;
}

/* The same wrapper on a dark header needs a light ring to stay visible. */
.header--dark .site-search__field:focus-within,
.nav--main .site-search__field:focus-within {
	outline-color: var( --wp--preset--color--white, #fff );
}