/**
 * 前端移动页头：md3-mobile-top-nav 与 #topAppBar 搜索条叠层修复
 * 顶栏固定 56px 时，原搜索行被完全遮挡；将 #topAppBar 下移并只保留搜索区。
 */
/* ======== sanxio 移动前端页头搜索 start =========== */

@media (max-width: 767px) {
	body:not(.member-md3-page):has(.md3-mobile-top-nav):has(#topAppBar) {
		--sanxio-header-mobile-front: calc(56px + 56px);
		padding-top: var(--sanxio-header-mobile-front) !important;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav):has(#topAppBar) #searchDropdown.mdc-search-dropdown {
		top: var(--sanxio-header-mobile-front, 112px) !important;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar.mdc-top-app-bar--fixed {
		top: 56px !important;
		z-index: 999;
		left: 0;
		right: 0;
		background: var(--md3-color-surface, #fff);
		border-bottom: 1px solid var(--md3-color-outline-variant, rgba(0, 0, 0, 0.12));
		box-shadow: none !important;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar .mdc-top-app-bar__section--align-start,
	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar .mdc-top-app-bar__section--align-end,
	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #navToggle {
		display: none !important;
	}

	/* 双顶栏时保证移动返回键不被标题区/下层 AppBar 裁切或盖住 */
	body:not(.member-md3-page) .md3-mobile-top-nav {
		z-index: 1001;
	}
	body:not(.member-md3-page) .md3-mobile-top-nav__leading,
	body:not(.member-md3-page) #js-mobile-back-btn {
		flex-shrink: 0;
		overflow: visible !important;
		position: relative;
		z-index: 3;
	}
	body:not(.member-md3-page) #js-mobile-back-btn .material-symbols-outlined {
		font-size: 24px !important;
		width: 24px !important;
		height: 24px !important;
		line-height: 24px !important;
		font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important;
		overflow: visible !important;
		color: var(--md3-color-on-surface, #1c1b1f);
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar .mdc-top-app-bar__row {
		height: auto;
		min-height: 56px;
		padding: var(--sanxio-gap-sm, 8px) var(--sanxio-block-px, 12px);
		box-sizing: border-box;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar .mdc-search-section {
		flex: 1 1 auto;
		width: 100%;
		max-width: none;
		margin: 0 !important;
		padding: 0 !important;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar .sanxio-header-search-cluster {
		width: 100%;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #destoon-search.md3-search-bar {
		width: 100%;
		max-width: none;
		height: 40px !important;
		min-height: 40px;
		padding: 0 !important;
		padding-left: var(--sanxio-block-px, 12px) !important;
		border-radius: 20px !important;
		overflow: hidden !important;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #destoon-search .md3-search-bar__input-wrapper {
		flex: 1 1 auto;
		min-width: 0;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #destoon-search .md3-search-bar__actions {
		flex-shrink: 0;
		margin: 0 !important;
		padding: 0 !important;
		gap: 0 !important;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #destoon-search .md3-search-bar__module-select {
		margin-right: var(--sanxio-gap-sm, 8px);
		padding-right: var(--sanxio-gap-sm, 8px);
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #destoon-search .custom-md3-select__selected-text {
		max-width: 4.5rem;
		font-size: var(--text-sm, 13px);
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #destoon-search .md3-search-bar__submit,
	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #destoon-search .md3-search-bar__adv {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		margin: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #destoon-search .md3-search-bar__submit .material-symbols-outlined {
		font-size: 22px !important;
	}

	body:not(.member-md3-page):has(.md3-mobile-top-nav) #topAppBar #destoon-search .md3-search-bar__adv {
		display: none;
	}

	/* 频道 Chip 已取消：首页金刚区已有入口，避免重复菜单 */
	.sanxio-mobile-search-channels {
		display: none !important;
	}

	/* 顶栏按钮：收起搜索行 */
	body:not(.member-md3-page).sanxio-mobile-search-bar-collapsed:has(.md3-mobile-top-nav):has(#topAppBar) {
		--sanxio-header-mobile-front: 56px;
		padding-top: 56px !important;
	}

	body:not(.member-md3-page).sanxio-mobile-search-bar-collapsed:has(.md3-mobile-top-nav) #topAppBar.mdc-top-app-bar--fixed {
		max-height: 0 !important;
		min-height: 0 !important;
		overflow: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		padding: 0 !important;
		border-bottom: none !important;
	}

	body:not(.member-md3-page).sanxio-mobile-search-bar-collapsed:has(.md3-mobile-top-nav) #searchDropdown.mdc-search-dropdown {
		top: 56px !important;
	}

	.md3-mobile-top-nav__btn.sanxio-mobile-top-nav__search-toggle[hidden] {
		display: none !important;
	}
}

/* AppBar 返回态：勿用 40px 汉堡尺寸，否则箭头会被 48px 按钮裁切成一条 */
#navToggle[data-nav-mode="back"] .material-symbols-outlined {
	font-size: 24px !important;
	width: 24px !important;
	height: 24px !important;
}

/* ======== sanxio 移动前端页头搜索 end =========== */