/* AWIT Bottom Mobile Menu — frontend styles
 * Layout is driven by CSS custom properties injected inline per preset
 * (see AWITBMM_Frontend::build_runtime_css()).
 */

#awitbmm-menu {
	position: fixed;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 999999;
	display: none;
	align-items: stretch;
	justify-content: space-between;
	gap: var(--awitbmm-gap, 4px);
	width: 100%;
	max-width: var(--awitbmm-max-width, 980px);
	padding: var(--awitbmm-padding-y, 10px) 10px calc(var(--awitbmm-padding-y, 10px) + env(safe-area-inset-bottom, 0px));
	background: var(--awitbmm-bg, #fff);
	border-top: 1px solid var(--awitbmm-border, #e2e8f0);
	box-sizing: border-box;
	font-family: var(--awitbmm-font, "Inter", sans-serif);
}

@media (max-width: 991px) {
	#awitbmm-menu {
		display: flex;
	}

	body {
		padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px));
	}
}

.awitbmm-item {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	text-decoration: none;
	color: var(--awitbmm-text, #64748b);
	font-weight: var(--awitbmm-weight, 500);
	font-size: var(--awitbmm-text-size, 12px);
	transition: color 0.15s ease;
}

.awitbmm-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(var(--awitbmm-icon-size, 18px) * 1.9);
	height: calc(var(--awitbmm-icon-size, 18px) * 1.9);
	border-radius: var(--awitbmm-radius, 14px);
	background: var(--awitbmm-icon-bg, #eef2ff);
	color: var(--awitbmm-icon-color, #64748b);
	font-size: var(--awitbmm-icon-size, 18px);
	transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.awitbmm-item.awitbmm-is-active .awitbmm-icon {
	background: var(--awitbmm-active-bg, #2563eb);
	color: var(--awitbmm-active-color, #fff);
	box-shadow: 0 6px 16px var(--awitbmm-active-shadow, rgba(37, 99, 235, 0.28));
}

.awitbmm-item.awitbmm-is-active {
	color: var(--awitbmm-text-active, #2563eb);
}

.awitbmm-no-labels .awitbmm-label {
	display: none;
}

.awitbmm-label {
	line-height: 1.1;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Raised-center layout: any preset with raise_center=true (5-item bar,
 * middle item floats above the bar as a circular button). */
.awitbmm-raise-center {
	align-items: flex-end;
}

.awitbmm-raise-center .awitbmm-item:nth-child(3) {
	position: relative;
	top: -18px;
}

.awitbmm-raise-center .awitbmm-item:nth-child(3) .awitbmm-icon {
	width: calc(var(--awitbmm-icon-size, 22px) * 2.3);
	height: calc(var(--awitbmm-icon-size, 22px) * 2.3);
	border-radius: 999px;
	background: var(--awitbmm-active-bg, #ad0d2f);
	color: var(--awitbmm-active-color, #fff);
	box-shadow: 0 0 0 4px #fff, 0 8px 18px var(--awitbmm-active-shadow, rgba(173, 13, 47, 0.35));
}

.awitbmm-raise-center .awitbmm-item:nth-child(3).awitbmm-is-active .awitbmm-label {
	font-weight: 700;
}

/* Neon Dark preset: soft glow ring around icons */
.awitbmm-style-neon .awitbmm-icon {
	box-shadow: 0 0 0 1px var(--awitbmm-icon-shadow, rgba(34, 197, 94, 0.3));
}

.awitbmm-style-neon .awitbmm-item.awitbmm-is-active .awitbmm-icon {
	box-shadow: 0 0 0 1px var(--awitbmm-border, #06b6d4), 0 0 14px var(--awitbmm-active-shadow, rgba(6, 182, 212, 0.5));
}