/* Phase 1 — header restyle (all pages). Scoped to Woodmart header + topbar. */

:root {
	--bk-green-900: #16382a;
	--bk-green-700: #176d02;
	--bk-green-600: #3a6146;
	--bk-text: #202723;
	--bk-muted: #66736c;
	--bk-border: #e3e8e5;
	--bk-surface: #f7f9f7;
	--bk-white: #ffffff;
}

.bk-topbar {
	background: var(--bk-green-900);
	color: #eef6f1;
	font-size: 12px;
	line-height: 1.4;
	min-height: 32px;
}

.bk-topbar__inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 6px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	flex-wrap: wrap;
}

.bk-topbar__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

a.bk-topbar__item:hover,
a.bk-topbar__item:focus-visible {
	color: #ffffff;
	outline: none;
}

a.bk-topbar__item:focus-visible {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--bk-green-700);
	border-radius: 4px;
}

.bk-topbar__icon {
	flex-shrink: 0;
	opacity: 0.9;
}

@media (max-width: 1024px) {
	.bk-topbar {
		display: none;
	}
}

/* Existing Woodmart header — quieter, no red */
.whb-header.whb-header_331220 {
	background: var(--bk-white);
	border-bottom: 1px solid var(--bk-border);
	box-shadow: none;
}

.whb-header.whb-header_331220 .whb-general-header {
	background: var(--bk-white) !important;
}

.whb-header.whb-header_331220 .whb-header-bottom {
	background: var(--bk-white) !important;
	border-top: 1px solid var(--bk-border);
}

.whb-header.whb-header_331220 .whb-header-bottom .wd-nav > li > a,
.whb-header.whb-header_331220 .whb-header-bottom .menu-opener {
	color: var(--bk-text) !important;
}

.whb-header.whb-header_331220 .whb-header-bottom .wd-nav > li > a:hover,
.whb-header.whb-header_331220 .whb-header-bottom .wd-nav > li > a:focus-visible,
.whb-header.whb-header_331220 .whb-header-bottom .wd-nav > li.current-menu-item > a,
.whb-header.whb-header_331220 .whb-header-bottom .menu-opener:hover,
.whb-header.whb-header_331220 .whb-header-bottom .menu-opener:focus-visible {
	color: var(--bk-green-700) !important;
}

.whb-header.whb-header_331220 .wd-header-cats .menu-opener {
	background: var(--bk-green-700) !important;
	color: #fff !important;
	border-radius: 8px;
}

.whb-header.whb-header_331220 .wd-header-cats .menu-opener:hover,
.whb-header.whb-header_331220 .wd-header-cats .menu-opener:focus-visible {
	background: var(--bk-green-900) !important;
	color: #fff !important;
}

.whb-header.whb-header_331220 .whb-general-header .wd-header-my-account a,
.whb-header.whb-header_331220 .whb-general-header .wd-header-wishlist a,
.whb-header.whb-header_331220 .whb-general-header .wd-header-cart a {
	color: var(--bk-text);
}

.whb-header.whb-header_331220 .whb-general-header .wd-header-my-account a:hover,
.whb-header.whb-header_331220 .whb-general-header .wd-header-wishlist a:hover,
.whb-header.whb-header_331220 .whb-general-header .wd-header-cart a:hover,
.whb-header.whb-header_331220 .whb-general-header .wd-header-my-account a:focus-visible,
.whb-header.whb-header_331220 .whb-general-header .wd-header-wishlist a:focus-visible,
.whb-header.whb-header_331220 .whb-general-header .wd-header-cart a:focus-visible {
	color: var(--bk-green-700);
	outline: none;
}

.whb-header.whb-header_331220 .searchform input[type="text"] {
	border-color: var(--bk-border) !important;
	background: var(--bk-surface) !important;
	color: var(--bk-text);
	border-radius: 10px;
}

.whb-header.whb-header_331220 .searchform input[type="text"]:focus {
	border-color: var(--bk-green-700) !important;
	box-shadow: 0 0 0 3px rgb(23 109 2 / 15%);
	outline: none;
}

.whb-header.whb-header_331220 .searchform .searchsubmit {
	color: var(--bk-green-700);
}

.whb-header.whb-header_331220 .whb-sticked .whb-header-bottom,
.whb-header.whb-header_331220.whb-sticked .whb-header-bottom {
	background: var(--bk-white) !important;
	box-shadow: 0 4px 18px rgb(22 56 42 / 8%);
}

.whb-header.whb-header_331220 .wd-header-cart .wd-cart-number,
.whb-header.whb-header_331220 .wd-header-wishlist .wd-tools-count {
	background: var(--bk-green-700) !important;
	color: #fff !important;
}

@media (max-width: 1024px) {
	.whb-header.whb-header_331220 .whb-header-bottom {
		display: none !important;
	}

	.whb-header.whb-header_331220 .whb-general-header .whb-row {
		align-items: center;
	}

	.whb-header.whb-header_331220 .whb-mobile-left.whb-empty-column {
		display: none;
		width: 0;
		min-width: 0;
		max-width: 0;
	}

	.whb-header.whb-header_331220 .whb-mobile-left {
		position: relative;
		z-index: 10;
		width: 48px;
		max-width: 48px;
		flex: 0 0 48px;
	}

	.whb-header.whb-header_331220 .whb-mobile-right {
		flex: 0 0 auto;
		min-width: 88px;
		z-index: 3;
	}

	.whb-header.whb-header_331220 .whb-mobile-center {
		flex: 1 1 auto;
		min-width: 0;
		overflow: hidden;
	}

	.whb-header.whb-header_331220 .wd-header-mobile-nav {
		min-width: 44px;
		min-height: 44px;
	}

	.whb-header.whb-header_331220 .wd-header-mobile-nav .wd-tools-icon {
		width: 44px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		color: var(--bk-text);
	}

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

	.whb-header.whb-header_331220 .wd-header-mobile-nav .wd-tools-icon:after {
		content: "";
		width: 18px;
		height: 2px;
		background: currentColor;
		box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
	}

	.whb-header.whb-header_331220 .wd-header-mobile-nav .wd-tools-text {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.whb-header.whb-header_331220 .site-logo img,
	.whb-header.whb-header_331220 .wd-logo img,
	.whb-header.whb-header_331220 .whb-general-header img.attachment-full,
	.whb-header.whb-header_331220 .whb-mobile-center img {
		max-width: 140px !important;
		width: auto !important;
		height: auto !important;
	}

	html,
	body.home {
		overflow-x: hidden;
	}
}

@media (max-width: 400px) {
	.whb-header.whb-header_331220 .site-logo img,
	.whb-header.whb-header_331220 .wd-logo img,
	.whb-header.whb-header_331220 .whb-general-header img.attachment-full {
		max-width: 120px !important;
	}
}

/* Desktop only: tighten the two-row header. 1024px and below stay unchanged.
   margin-bottom:0 is Front Page only — inner templates (shop/product/blog)
   still need Woodmart's 40px header gap so breadcrumbs are not pulled under the header. */
@media (min-width: 1025px) {
	body.home .whb-header.whb-header_331220 {
		margin-bottom: 0;
	}

	.whb-header.whb-header_331220 .whb-general-header-inner {
		height: 70px;
		max-height: 70px;
	}

	.whb-header.whb-header_331220 .whb-header-bottom-inner,
	.whb-header.whb-header_331220.whb-sticked .whb-header-bottom-inner {
		height: 46px;
		max-height: 46px;
	}

	.whb-header.whb-header_331220 .whb-general-header .site-logo img,
	.whb-header.whb-header_331220 .whb-general-header .wd-logo img,
	.whb-header.whb-header_331220 .whb-general-header img.attachment-full {
		max-height: 56px;
		width: auto;
		height: auto;
	}

	.whb-header.whb-header_331220 .whb-general-header .searchform input[type="text"] {
		height: 46px;
		min-height: 46px;
	}

	.whb-header.whb-header_331220 .whb-header-bottom .wd-nav > li > a,
	.whb-header.whb-header_331220 .whb-header-bottom .menu-opener {
		min-height: 44px;
		padding-top: 0;
		padding-bottom: 0;
		display: inline-flex;
		align-items: center;
	}
}