/**
 * WoodMart header tools — white Bella-style icons (bellacontactlenses.com).
 * Desktop + mobile: search, account, cart, menu.
 * Transparent hit areas (no filled circles), 44px tap targets, 20px icons.
 */

/* No filled circles on tool buttons */
.whb-header .wd-tools-element > a,
.whb-header .wd-tools-element > a:hover,
.whb-header .wd-tools-element > a:focus,
.whb-header .wd-header-my-account > a,
.whb-header .wd-header-search > a,
.whb-header .wd-header-mobile-nav > a,
.whb-header #fkcart-mini-toggler,
.whb-header #fkcart-mini-toggler .fkcart-shortcode-icon-wrap,
.whb-header .wd-header-html .fkcart-shortcode-container {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.whb-header .wd-tools-element > a {
	color: #fff !important;
}

.whb-header .wd-tools-icon {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: #fff !important;
	font-size: 0 !important;
	line-height: 0 !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.whb-header .wd-tools-icon::before {
	display: none !important;
	content: none !important;
}

/* Search — desktop + mobile */
.whb-header .wd-header-search .wd-tools-icon,
.whb-header .wd-header-search-mobile .wd-tools-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 19'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* Account */
.whb-header .wd-header-my-account .wd-tools-icon {
	width: 20px;
	height: 20px;
	background-color: transparent !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 19'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
}

/* Mobile menu */
.whb-header .wd-header-mobile-nav .wd-tools-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 16'%3E%3Cpath fill='%23ffffff' d='M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

/* WoodMart native cart (if present) */
.whb-header .wd-header-cart .wd-tools-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 40 40'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z'/%3E%3C/svg%3E");
}

/* FunnelKit cart — force white bag on black header */
.whb-header #fkcart-mini-toggler,
.whb-header .fkcart-mini-toggler,
.whb-header .wd-header-html #fkcart-mini-toggler,
body .whb-header #fkcart-mini-toggler {
	color: #fff !important;
	cursor: pointer;
	-webkit-text-fill-color: #fff !important;
}

.whb-header #fkcart-mini-toggler .fkcart-shortcode-icon-wrap,
.whb-header #fkcart-mini-toggler .fkcart-icon,
.whb-header .fkcart-shortcode-icon-wrap {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	color: #fff !important;
	fill: #fff !important;
	background: transparent !important;
	background-image: none !important;
}

.whb-header #fkcart-mini-toggler svg,
.whb-header #fkcart-mini-toggler .fkcart-shortcode-icon-wrap svg,
.whb-header .fkcart-shortcode-icon-wrap svg {
	display: block !important;
	width: 22px !important;
	height: 22px !important;
	color: #fff !important;
	fill: #fff !important;
	stroke: #fff !important;
	opacity: 1 !important;
	filter: none !important;
}

.whb-header #fkcart-mini-toggler svg path,
.whb-header #fkcart-mini-toggler svg [fill],
.whb-header .fkcart-shortcode-icon-wrap svg path,
.whb-header .fkcart-shortcode-icon-wrap svg * {
	fill: #fff !important;
	stroke: #fff !important;
	color: #fff !important;
}

.whb-header #fkcart-mini-toggler .fkcart-shortcode-count,
.whb-header #fkcart-mini-toggler .fkcart-item-count {
	position: absolute !important;
	top: -2px !important;
	right: -6px !important;
	min-width: 16px !important;
	height: 16px !important;
	padding: 0 4px !important;
	border-radius: 999px !important;
	background: #000 !important;
	background-color: #000 !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 16px !important;
	text-align: center !important;
}

.whb-header .wd-tools-element > a:hover,
.whb-header .wd-tools-element > a:focus,
.whb-header #fkcart-mini-toggler:hover {
	color: #fff !important;
	opacity: 0.85;
}

.whb-header .wd-tools-text {
	color: #fff !important;
}

/* Icon-only tools like bellacontactlenses.com */
.whb-header .wd-tools-element .wd-tools-text,
.whb-header .wd-header-my-account .wd-tools-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Bella-sized tap targets */
.whb-header .wd-tools-element > a,
.whb-header #fkcart-mini-toggler {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	padding: 0 !important;
}

.whb-header .whb-col-right > .wd-header-html,
.whb-header .whb-mobile-right > .wd-header-html {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	color: transparent;
}

.whb-header .wd-header-my-account .wd-tools-text {
	display: none !important;
}