/**
 * 全站移动端底部导航（前台 footer / 非会员页）
 * 与 member-bottom-nav-mobile.css 同策略：border-box + 图标区固定 52px，避免安全区 padding 吞点击
 */
/*======= sanxio site bottom nav mobile start ===========*/
@media (max-width: 1024px) {
	.md3-bottom-nav {
		display: flex !important;
		flex-direction: row !important;
		align-items: stretch !important;
		justify-content: space-around !important;
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		height: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
		min-height: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
		max-height: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
		padding: 0 !important;
		padding-bottom: env(safe-area-inset-bottom, 0px) !important;
		box-sizing: border-box !important;
		z-index: 1100 !important;
		transform: none !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		-webkit-transform: none !important;
	}

	.md3-bottom-nav__item {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		min-height: 52px !important;
		height: 52px !important;
		max-height: 52px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		pointer-events: auto !important;
		touch-action: manipulation !important;
		-webkit-tap-highlight-color: transparent;
		position: relative !important;
		z-index: 1 !important;
		cursor: pointer !important;
	}

	.md3-bottom-nav__icon-wrapper,
	.md3-bottom-nav__label {
		pointer-events: none !important;
	}

	.md3-bottom-nav-spacer {
		display: block !important;
		height: calc(52px + env(safe-area-inset-bottom, 0px)) !important;
		pointer-events: none !important;
	}

	/* 抽屉打开时底栏降到遮罩下，避免挡住关闭 */
	body:has(#settingsDrawer.mdc-drawer--open) .md3-bottom-nav,
	body:has(.md3-navigation-drawer.is-open) .md3-bottom-nav,
	body:has(#drawerScrim.mdc-drawer-scrim--visible) .md3-bottom-nav,
	body:has(#js-drawer-scrim:not([style*="display: none"])) .md3-bottom-nav {
		z-index: 990 !important;
	}
}
/*======= sanxio site bottom nav mobile end ===========*/