.wpmbm-nav {
	position: fixed;
	z-index: 99999;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--wpmbm-bg, #fff);
	border-top: 1px solid rgba(0,0,0,.09);
	box-shadow: 0 -4px 20px rgba(0,0,0,.07);
	padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px));
	font-family: inherit;
}
.wpmbm-inner {
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: 2px;
	max-width: 720px;
	margin: 0 auto;
}
.wpmbm-item {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	padding: 3px 2px;
	color: var(--wpmbm-text, #333);
	text-decoration: none !important;
	line-height: 1.2;
	border-radius: 10px;
	-webkit-tap-highlight-color: transparent;
}
.wpmbm-item:hover,
.wpmbm-item:focus,
.wpmbm-item.is-active {
	color: var(--wpmbm-active, #2563eb);
}
.wpmbm-icon {
	font-size: 22px;
	line-height: 1.15;
	color: var(--wpmbm-icon, #555);
}
.wpmbm-item.is-active .wpmbm-icon {
	color: var(--wpmbm-active, #2563eb);
}
.wpmbm-label {
	font-size: 10px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	color: inherit;
}
body {
	padding-bottom: 76px;
}
@media (min-width: 769px) {
	body { padding-bottom: 0; }
}
@media (prefers-reduced-motion: no-preference) {
	.wpmbm-item { transition: color .15s ease, background-color .15s ease; }
}