/**
 * Qing 搜索框小部件样式（独立矩形搜索框）。
 *
 * 用于驱动「Qing 关键词搜索」小部件：输入后通过全局事件 qing:keyword-search 传递关键词。
 *
 * 结构：
 *  .qing-sb
 *    form.qing-sb__form
 *      input.qing-sb__input
 *      button.qing-sb__btn（可选，默认隐藏）
 *
 * 大部分尺寸/背景/内边距/圆角由 Elementor 控件通过 selectors 下发，
 * 这里只提供合理的基础样式。
 */

.qing-sb {
	box-sizing: border-box;
	width: 100%;
}

.qing-sb *,
.qing-sb *::before,
.qing-sb *::after {
	box-sizing: border-box;
}

.qing-sb__form {
	display: flex;
	align-items: stretch;
	width: 100%;
	background: #ffffff;
	border: 1px solid #ebedf0;
	border-radius: 0;
	overflow: hidden;
}

/* 提高特异性并显式重置，覆盖主题全局 input[type="search"] 的边框/圆角/内边距。 */
.qing-sb .qing-sb__input,
.qing-sb input.qing-sb__input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	margin: 0;
	padding: 16px 24px;
	border: 0;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	background: transparent;
	font-size: 15px;
	line-height: 1.4;
	color: #333333;
	-webkit-appearance: none;
	appearance: none;
}

.qing-sb .qing-sb__input:focus,
.qing-sb input.qing-sb__input[type="search"]:focus {
	border: 0;
	box-shadow: none;
	outline: none;
}

.qing-sb__input::placeholder {
	color: #9aa0a8;
}

/* 搜索按钮：默认隐藏，开启后显示 */
.qing-sb__btn {
	flex: 0 0 auto;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 0 26px;
	border: 0;
	cursor: pointer;
	background: #ff8600;
	color: #ffffff;
	font-size: 15px;
	line-height: 1.4;
	transition: opacity 0.2s ease;
}

.qing-sb__btn:hover {
	opacity: 0.9;
}

.qing-sb--has-btn .qing-sb__btn {
	display: inline-flex;
}