/**
 * Mobile Bottom Bar for WooCommerce - 前端样式
 */

.mbbw-bottom-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: var(--mbbw-z-index, 9998);
	background-color: var(--mbbw-bg, #ffffff);
	color: var(--mbbw-text, #333333);
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
	padding-bottom: env(safe-area-inset-bottom, 0);
	display: none;
}

.mbbw-inner {
	display: flex;
	justify-content: space-around;
	align-items: center;
	min-height: 56px;
	padding: 8px 0;
}

.mbbw-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding: 4px 8px;
	text-decoration: none;
	color: inherit;
	font-size: 11px;
	transition: color 0.2s ease;
}

.mbbw-item:hover,
.mbbw-item:focus {
	color: var(--mbbw-active, #0073aa);
}

.mbbw-item.current-menu-item {
	color: var(--mbbw-active, #0073aa);
}

.mbbw-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2px;
}

.mbbw-icon .dashicons {
	font-size: 24px;
	width: 24px;
	height: 24px;
}

.mbbw-icon img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

/* 显示/隐藏由 wp_add_inline_style 根据配置的断点动态注入 */