/* Header button-only search — fly-out panel toggled via js/header-search.js */

#masthead .wp-block-search__button-only,
#mega-menu-wrap-navigation .wp-block-search__button-only {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	z-index: 200;
}

.wp-block-search__button-only .wp-block-search__inside-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	overflow: visible;
	background: transparent;
	box-shadow: none;
	transition:
		width 0.3s ease,
		background-color 0.25s ease,
		box-shadow 0.25s ease,
		padding 0.25s ease;
}

.wp-block-search__button-only .wp-block-search__button {
	flex-shrink: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.wp-block-search__button-only .wp-block-search__input {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	color: #313132;
	font-size: 16px;
	line-height: 1.4;
	outline: none;
	transition:
		width 0.3s ease,
		opacity 0.25s ease,
		padding 0.3s ease,
		flex-basis 0.3s ease;
}

.wp-block-search__button-only .wp-block-search__input::placeholder {
	color: #575758;
}

/* Collapsed: icon only (mirrors WP searchfield-hidden without clipping open state) */
.wp-block-search__button-only.vmi-header-search--collapsed {
	overflow: visible;
}

.wp-block-search__button-only.vmi-header-search--collapsed .wp-block-search__inside-wrapper {
	overflow: hidden;
	width: auto;
}

.wp-block-search__button-only.vmi-header-search--collapsed .wp-block-search__input {
	width: 0 !important;
	min-width: 0 !important;
	max-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border-width: 0 !important;
	flex-basis: 0 !important;
	flex-grow: 0 !important;
	opacity: 0;
	pointer-events: none;
}

/* Open: white panel expands in place from the icon */
.wp-block-search__button-only.vmi-header-search--open {
	overflow: visible !important;
}

.wp-block-search__button-only.vmi-header-search--open .wp-block-search__inside-wrapper {
	overflow: visible;
	width: min(320px, calc(100vw - 32px));
	padding: 8px 10px 8px 14px;
	gap: 8px;
	background: #ffffff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
	border: 1px solid #ddddde;
	animation: vmi-header-search-flyout 0.3s ease;
}

.wp-block-search__button-only.vmi-header-search--open .wp-block-search__input {
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	flex-basis: auto !important;
	flex-grow: 1 !important;
	opacity: 1;
	pointer-events: auto;
	padding: 0 !important;
	margin: 0 !important;
	border-width: 0 !important;
}

@keyframes vmi-header-search-flyout {
	from {
		transform: scaleX(0.92);
		transform-origin: right center;
	}
	to {
		transform: scaleX(1);
		transform-origin: right center;
	}
}