/*
 * Icon-Suchfeld im Site-Header: nur weiße Lupe, keine sichtbare Button-Fläche.
 * Gilt nur für Header (core/search mit Button-only + Icon). Interactivity/Core bleibt unverändert.
 */
.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button .wp-block-search__button.wp-element-button,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button .wp-block-search__button.wp-element-button {
	appearance: none;
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	min-height: 0;
	min-width: 0;
	padding-top: 3px;
	padding-bottom: 0.25rem;
	padding-inline: 0.25rem;
}

.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button .wp-block-search__button .search-icon,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button .wp-block-search__button .search-icon {
	width: 1.5em !important;
	height: 1.5em !important;
	min-width: 1.5em !important;
	min-height: 1.5em !important;
	fill: currentColor;
}

.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button .wp-block-search__button .search-icon path,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button .wp-block-search__button .search-icon path {
	fill: currentColor;
}

.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button .wp-block-search__button:focus-visible,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button .wp-block-search__button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Ausgeklapptes Eingabefeld: Glas-Optik (Slide-out nach rechts). */
.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input,
.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input:focus,
.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input:focus-visible,
.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input:active,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input:focus,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input:focus-visible,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input:active {
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(7.5px);
	-webkit-backdrop-filter: blur(7.5px);
	border-radius: 0;
	border: 0;
	border-bottom: 2px solid rgba(255, 255, 255, 0.9);
	box-shadow: none;
	outline: none;
	color: #fff;
	caret-color: #fff;
}

.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input::placeholder,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__icon-button:not(.wp-block-search__searchfield-hidden) .wp-block-search__input::placeholder {
	color: rgba(255, 255, 255, 0.75);
	opacity: 1;
}

/*
 * Core-Verhalten bei eingeklapptem Feld: Horizontal wird das Input zurückgenommen,
 * aber :where(.wp-block-search__input) lässt padding-block und Border stehen —
 * das Flex-Zeilenmaß kann dadurch höher sein als bei reinen Icons.
 */
.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
	align-items: center;
}

.wp-site-blocks > header .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input,
.editor-styles-wrapper .wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input {
	padding-block: 0 !important;
	border-block-width: 0 !important;
	min-height: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
	overflow: hidden;
}