.am-nav--desktop {
	display: flex;
	align-items: center;
	margin-left: 0.5rem;
}

.am-nav__list {
	display: flex;
	align-items: center;
	gap: 1.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.am-nav__list a {
	display: inline-flex;
	align-items: center;
	height: 1.25rem;
	border-bottom: 2px solid transparent;
	color: var(--am-muted);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.am-nav__list a:hover,
.am-nav__list .current-menu-item > a,
.am-nav__list .current_page_item > a {
	border-bottom-color: var(--am-primary);
	color: var(--am-ink);
}

.am-nav__list .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 50;
	min-width: 14rem;
	margin: 0.5rem 0 0;
	padding: 0.5rem 0;
	list-style: none;
	border: 1px solid var(--am-border);
	border-radius: 12px;
	background: var(--am-surface);
}

.am-nav__list .menu-item-has-children {
	position: relative;
}

.am-bottom-nav {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 40;
	width: 100%;
	border-top: 1px solid var(--am-border);
	background: color-mix(in srgb, var(--am-surface) 95%, transparent);
	backdrop-filter: blur(12px);
}

.am-bottom-nav__list {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	height: calc(var(--am-bottom-nav-height) + env(safe-area-inset-bottom));
	margin: 0;
	padding: 0 0.25rem env(safe-area-inset-bottom);
	list-style: none;
}

.am-bottom-nav__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;
	height: 100%;
	color: var(--am-muted);
	font-size: 10px;
	font-weight: 500;
}

.am-bottom-nav__link.is-active,
.am-bottom-nav__link.is-emphasize,
.am-bottom-nav__link:hover {
	color: var(--am-primary);
}

.am-bottom-nav__icon {
	width: 20px;
	height: 20px;
	background: currentColor;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}

.am-bottom-nav__icon--home {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M4 11.5 12 4l8 7.5V20a1 1 0 0 1-1 1h-5v-6H10v6H5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M4 11.5 12 4l8 7.5V20a1 1 0 0 1-1 1h-5v-6H10v6H5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
}

.am-bottom-nav__icon--search {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");
}

.am-bottom-nav__icon--plus {
	width: 24px;
	height: 24px;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
}

.am-bottom-nav__icon--messages {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a8.5 8.5 0 0 1-11.8 7.8L4 21l1.3-4.4A8.5 8.5 0 1 1 21 12z'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M21 12a8.5 8.5 0 0 1-11.8 7.8L4 21l1.3-4.4A8.5 8.5 0 1 1 21 12z'/%3E%3C/svg%3E");
}

.am-bottom-nav__icon--profile {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 19.5c1.4-3 4-4.5 7-4.5s5.6 1.5 7 4.5'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 19.5c1.4-3 4-4.5 7-4.5s5.6 1.5 7 4.5'/%3E%3C/svg%3E");
}

@media (max-width: 1023px) {
	.site-content,
	.am-footer {
		padding-bottom: calc(var(--am-bottom-nav-height) + env(safe-area-inset-bottom));
	}
}