/* Frosted-glass finish for WoodMart's shared mobile toolbar. */
.wd-toolbar .wd-tools-element {
	--wd-tools-icon-base-width: 20px;
	--wd-header-el-color: var(--amc-ink, #1f2926);
	color: var(--wd-header-el-color);
}

/* The lightweight homepage skips WoodMart's header element stylesheet. */
.wd-toolbar .wd-header-wishlist {
	--wd-tools-icon: "\f106";
}

.wd-toolbar .wd-header-my-account {
	--wd-tools-icon: "\f124";
}

.wd-toolbar .wd-tools-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	font-size: 0;
}

.wd-toolbar .wd-tools-icon::before {
	content: var(--wd-tools-icon, unset);
	font-size: var(--wd-tools-icon-base-width, 20px);
	font-family: "woodmart-font";
}

.wd-toolbar .wd-tools-element > a,
.wd-toolbar > a.wd-tools-element {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 45px;
	padding-inline: 10px;
	color: var(--wd-header-el-color, #1f2926) !important;
	line-height: 1;
	text-decoration: none !important;
}

.wd-toolbar {
	background-color: rgba(246, 250, 248, 0.94) !important;
	border-top: 1px solid rgba(17, 70, 57, 0.14);
	box-shadow: 0 -6px 20px rgba(17, 70, 57, 0.14) !important;
	-webkit-backdrop-filter: blur(14px) saturate(155%);
	backdrop-filter: blur(14px) saturate(155%);
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.wd-toolbar {
		background-color: rgba(246, 250, 248, 0.74) !important;
	}
}