/**
 * dpfp-dieselpump — 系统手机底栏 mfoot 主题覆盖
 */
:root {
	--xy-mfoot-bg: #fff;
	--xy-mfoot-border: #e8e8e8;
	--xy-mfoot-color: #555;
	--xy-mfoot-hover: var(--xy-skin-primary, #55b4d4);
	--xy-mfoot-hover-bg: rgba(85, 180, 212, 0.08);
	--xy-mfoot-wa: #25d366;
	--xy-mfoot-wa-bg: rgba(37, 211, 102, 0.08);
	--xy-mfoot-top-bg: #212121;
	--xy-mfoot-top-hover: linear-gradient(135deg, var(--xy-skin-primary, #55b4d4) 0%, var(--xy-skin-accent, #2a9bb8) 100%);
	--xy-mfoot-z: 1030;
	--xy-mfoot-height: 52px;
}

.mfoot_box {
	display: none;
}

/* 覆盖系统 xy_mfoot.css 给 .footer-bar 的 56px 底距，避免手机端露出白条 */
.footer-bar {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	body {
		padding-bottom: 0;
	}

	footer.xy-site-footer {
		padding-bottom: 0;
	}

	.xy-site-footer .footer-bar,
	.footer-bar {
		margin-bottom: 0;
		padding-bottom: calc(14px + var(--xy-mfoot-height));
	}

	.mfoot_box {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		background: var(--xy-mfoot-bg);
		border-top: 1px solid var(--xy-mfoot-border);
		min-height: var(--xy-mfoot-height);
		margin: 0;
		box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.06);
		z-index: var(--xy-mfoot-z);
	}

	.mfoot_inner {
		display: flex;
		align-items: stretch;
		height: var(--xy-mfoot-height);
	}

	.mfoot_nav {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		border-right: 1px solid var(--xy-mfoot-border);
		float: none;
		width: auto;
		background: transparent;
	}

	.mfoot_nav:last-child {
		border-right: none;
	}

	.mfoot_nav a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		color: var(--xy-mfoot-color);
		padding: 6px 2px;
		height: 100%;
		width: 100%;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
		transition: color 0.2s ease, background 0.2s ease;
	}

	.mfoot_nav:not(.mfoot_nav_top) a:hover,
	.mfoot_nav:not(.mfoot_nav_top) a:focus {
		color: var(--xy-mfoot-hover);
		background: var(--xy-mfoot-hover-bg);
		text-decoration: none;
	}

	.mfoot_nav .fa {
		font-family: FontAwesome !important;
		font-size: 18px;
		line-height: 1;
	}

	.mfoot_label {
		font-size: 10px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0.02em;
	}

	.mfoot_nav:first-child a:hover,
	.mfoot_nav:first-child a:focus {
		color: var(--xy-mfoot-wa);
		background: var(--xy-mfoot-wa-bg);
	}

	.mfoot_nav_top a {
		padding: 0;
	}

	.mfoot_top_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background: var(--xy-mfoot-top-bg);
		color: #fff;
		transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
	}

	.mfoot_nav_top a:hover .mfoot_top_btn,
	.mfoot_nav_top a:focus .mfoot_top_btn {
		background: var(--xy-mfoot-top-hover);
		transform: translateY(-2px);
		box-shadow: 0 4px 12px rgba(85, 180, 212, 0.35);
	}

	.mfoot_top_btn .fa {
		margin-bottom: 0;
		font-size: 15px;
		color: #fff;
	}
}