/* GENERATED by design-system/build.mjs — do not edit.
 * core/search design-system bridge: icon, button-inside pill, toggle states, header +
 * mobile-drawer contexts. Consumes scheme roles + radius/shadow/focus. */

/* Icon submit button: keep the glyph on the button's text colour */
.wp-block-search__button.has-icon .search-icon {
	fill: currentColor;
}

/* Label, when shown */
.wp-block-search .wp-block-search__label {
	color: var(--ftm-scheme-heading);
}

/* Button-inside: input + button share one bordered surface pill (input goes borderless) */
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	background-color: var(--ftm-scheme-bg);
	border: var(--wp--custom--border-width--hairline) solid var(--ftm-scheme-border);
	border-radius: var(--wp--custom--radius--sm);
	padding: 0.25rem;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__input {
	border: none;
	background: transparent;
}
.wp-block-search.wp-block-search__button-inside:focus-within .wp-block-search__inside-wrapper {
	box-shadow: var(--ftm-focus-ring, 0 0 0 3px color-mix(in srgb, var(--ftm-scheme-accent) 45%, transparent));
}

/* Toggle (button-only): the collapsed trigger is a quiet icon, not an accent block */
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
	background-color: transparent;
	color: var(--ftm-scheme-text);
	border-radius: var(--wp--custom--radius--sm);
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button:hover {
	background-color: color-mix(in srgb, var(--ftm-scheme-text), transparent 90%);
}

/* --- Header: search within the navigation bar --- */
/* Collapsed trigger inherits the (theme-owned) header link colour */
.wp-block-navigation .wp-block-search.wp-block-search__button-only .wp-block-search__button {
	color: currentColor;
}
/* Expanded field floats as a bordered surface popover over the header */
.wp-block-navigation .wp-block-search.wp-block-search__button-only:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
	background-color: var(--ftm-scheme-bg);
	border: var(--wp--custom--border-width--hairline) solid var(--ftm-scheme-border);
	border-radius: var(--wp--custom--radius--sm);
	box-shadow: var(--wp--preset--shadow--md);
}
.wp-block-navigation .wp-block-search__input {
	color: var(--ftm-scheme-text);
}

/* --- Mobile nav drawer: full-width persistent field on the scheme surface --- */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-search {
	width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-search__inside-wrapper {
	background-color: var(--ftm-scheme-bg);
	border: var(--wp--custom--border-width--hairline) solid var(--ftm-scheme-border);
	border-radius: var(--wp--custom--radius--sm);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-search__input {
	color: var(--ftm-scheme-text);
}