/* ============================================================
   搜索表单（全局加载）
   ------------------------------------------------------------
   由 inc/search.php 全站入队；searchform.php 在搜索结果页、404 页、
   侧栏搜索小工具（Eth_Search_Widget）与 Header 搜索下拉中渲染。
   单行布局：输入框 + 范围下拉 + 按钮同一行。
   令牌直引（无 fallback）：tokens.css 经依赖链必然先加载（同 search.css，见 1.4.0 日志）。
   ============================================================ */

.eth-search-form {
	display: flex;
	align-items: stretch;
	gap: var(--eth-space-3xs);
	width: 100%;
	max-width: 46rem;
}

.eth-search-form__field {
	display: flex;
	align-items: stretch;
	gap: var(--eth-space-3xs);
	width: 100%;
	min-width: 0;
}

.eth-search-form__input {
	flex: 1 1 auto;
	min-width: 0;
	padding: var(--eth-space-2xs) var(--eth-space-xs);
	font-size: var(--eth-fs-body);
	line-height: 1.5;
	color: var(--eth-text-title);
	background: var(--eth-bg-surface);
	border: 1px solid var(--eth-border);
	border-radius: var(--eth-radius-m);
}

.eth-search-form__input:focus {
	outline: none;
	border-color: var(--eth-primary);
	box-shadow: var(--eth-focus-ring);
}

.eth-search-form__type {
	flex: 0 0 auto;
	padding: var(--eth-space-2xs) var(--eth-space-3xs);
	font-size: var(--eth-fs-small); /* 缩小文字，减宽让给输入框 */
	color: var(--eth-text-body);
	background: var(--eth-bg-surface);
	border: 1px solid var(--eth-border);
	border-radius: var(--eth-radius-m);
}

.eth-search-form__submit {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: var(--eth-space-2xs) var(--eth-space-xs);
	white-space: nowrap;
}

@media (max-width: 480px) {
	.eth-search-form__submit-text {
		display: none; /* 窄屏只保留图标按钮，保证单行 */
	}
}

/* ---- 侧栏 / 抽屉 / 下拉窄容器适配：保持单行，覆盖 polish.css 的宽泛 widget 输入框规则 ---- */
.eth-widget .eth-search-form,
.eth-article-widget .eth-search-form,
.eth-product-widget .eth-search-form,
.widget .eth-search-form,
.eth-header__drawer-search .eth-search-form,
.eth-header__search-dropdown .eth-search-form {
	max-width: none;
}

/* 兜底：若搜索小工具被放入 GP 默认侧栏（before_widget 为 .widget），
   窄容器规则同样生效，避免 polish/GP 默认样式把按钮/下拉撑大。
   search-form.css 显式依赖 polish，因此组件专属选择器可自然覆盖宽泛规则。 */
.widget .eth-search-form .eth-search-form__submit,
.widget .eth-search-form .eth-search-form__submit-text {
	width: auto;
	min-height: 0;
	padding: var(--eth-space-3xs) var(--eth-space-2xs);
}
.widget .eth-search-form .eth-search-form__submit-text {
	display: none;
}
.widget .eth-search-form .eth-search-form__input,
.widget .eth-search-form .eth-search-form__type {
	width: auto;
}

.eth-widget .eth-search-form__field,
.eth-article-widget .eth-search-form__field,
.eth-product-widget .eth-search-form__field,
.widget .eth-search-form__field,
.eth-header__drawer-search .eth-search-form__field,
.eth-header__search-dropdown .eth-search-form__field {
	gap: 0.4rem;
}

/* 覆盖 polish.css `.eth-widget :is(input, select, ...)` 的 width:100% + padding，
   让输入框在侧栏/抽屉内按 flex 弹性取宽，不被强制撑满或压缩。 */
.eth-widget .eth-search-form .eth-search-form__input,
.eth-article-widget .eth-search-form .eth-search-form__input,
.eth-product-widget .eth-search-form .eth-search-form__input,
.widget .eth-search-form .eth-search-form__input,
.eth-header__drawer-search .eth-search-form .eth-search-form__input,
.eth-header__search-dropdown .eth-search-form .eth-search-form__input {
	width: auto;
	flex: 1 1 auto;
	min-width: 0;
	padding: var(--eth-space-3xs) var(--eth-space-2xs);
}

.eth-widget .eth-search-form .eth-search-form__type,
.eth-article-widget .eth-search-form .eth-search-form__type,
.eth-product-widget .eth-search-form .eth-search-form__type,
.widget .eth-search-form .eth-search-form__type,
.eth-header__drawer-search .eth-search-form .eth-search-form__type,
.eth-header__search-dropdown .eth-search-form .eth-search-form__type {
	flex: 0 1 6rem;
	width: auto;
	min-width: 0;
	max-width: 6rem;
	padding: var(--eth-space-3xs) 0.35rem;
}

/* 覆盖 polish.css 的 min-height:46px（按钮统一高度）；Hero 的移动端
   .eth-hero .eth-btn { width: 100% } 不作用于搜索按钮，
   搜索按钮在侧栏/抽屉/下拉按紧凑纯图标显示，宽度自适应。 */
.eth-widget .eth-search-form .eth-search-form__submit,
.eth-article-widget .eth-search-form .eth-search-form__submit,
.eth-product-widget .eth-search-form .eth-search-form__submit,
.widget .eth-search-form .eth-search-form__submit,
.eth-header__drawer-search .eth-search-form .eth-search-form__submit,
.eth-header__search-dropdown .eth-search-form .eth-search-form__submit {
	width: auto;
	min-height: 0;
	padding: var(--eth-space-3xs) var(--eth-space-2xs); /* 纯图标按钮，压缩宽度让给输入框 */
}

.eth-widget .eth-search-form__submit-text,
.eth-article-widget .eth-search-form__submit-text,
.eth-product-widget .eth-search-form__submit-text,
.widget .eth-search-form__submit-text,
.eth-header__drawer-search .eth-search-form__submit-text,
.eth-header__search-dropdown .eth-search-form__submit-text {
	display: none; /* 侧栏/抽屉/下拉中只保留图标按钮，保证窄容器单行 */
}