/* Bondsmore Toolkit — sitewide: WoodMart header redesigned to the "deal desk" look.
   Deep green header that flows into the green page heroes; white wordmark;
   light links with an amber underline for the current page; amber quote button. */
.whb-header {
	--bmh-deep: #062e24; --bmh-deeper: #041f18; --bmh-green: #0d5341; --bmh-amber: #fbbc34; --bmh-amber-h: #f0aa12;
	font-family: "Manrope", system-ui, sans-serif;
}

/* top bar: slim, darker strip */
.whb-header .whb-top-bar { background: var(--bmh-deeper) !important; border-bottom: 1px solid rgba(255, 255, 255, .08) !important; }
.whb-header .whb-top-bar .whb-flex-row { min-height: 38px !important; height: 38px !important; }
.whb-header .whb-top-bar .wd-header-text a span { color: rgba(255, 255, 255, .8) !important; font-size: 13px !important; font-weight: 600; letter-spacing: .01em; }
.whb-header .whb-top-bar .wd-header-text a:hover span { color: var(--bmh-amber) !important; }
.whb-header .whb-top-bar .wd-social-icon { opacity: .75; transition: opacity .2s; }
.whb-header .whb-top-bar .wd-social-icon:hover { opacity: 1; }

/* main bar */
.whb-header .whb-general-header { background: var(--bmh-deep) !important; border-bottom: 1px solid rgba(255, 255, 255, .1) !important; }
.whb-header .whb-general-header .whb-flex-row { min-height: 84px; }
.whb-header .site-logo img { filter: brightness(0) invert(1); max-width: 210px !important; }

/* desktop navigation */
.whb-header .wd-nav-main > li > a {
	position: relative; height: auto !important; padding: 10px 2px !important; margin: 0 14px;
	background: none !important; border-radius: 0 !important;
	color: rgba(255, 255, 255, .78) !important; font-family: "Manrope", system-ui, sans-serif !important;
	font-weight: 700 !important; font-size: 14.5px !important; letter-spacing: .01em !important; text-transform: none !important;
}
.whb-header .wd-nav-main > li > a::after { content: ""; position: absolute; left: 2px; right: 2px; bottom: 2px; height: 2px; background: var(--bmh-amber); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.whb-header .wd-nav-main > li > a:hover,
.whb-header .wd-nav-main > li.wd-opened > a { color: #fff !important; }
.whb-header .wd-nav-main > li > a:hover::after,
.whb-header .wd-nav-main > li.current-menu-item > a::after,
.whb-header .wd-nav-main > li.current-menu-ancestor > a::after,
.whb-header .wd-nav-main > li.current-page-ancestor > a::after { transform: scaleX(1); }
.whb-header .wd-nav-main > li.current-menu-item > a,
.whb-header .wd-nav-main > li.current-menu-ancestor > a,
.whb-header .wd-nav-main > li.current-page-ancestor > a { color: #fff !important; }
.whb-header .wd-nav-main > li > a .menu-label, .whb-header .wd-nav-main > li > a:before { display: none !important; }
.whb-header .wd-nav-main > li.menu-item-has-children > a > .wd-nav-arrow,
.whb-header .wd-nav-main > li.menu-item-has-children > a::before { color: rgba(255, 255, 255, .6) !important; }

/* Services mega dropdown */
.whb-header .wd-dropdown-menu { margin-top: 0 !important; border-top: 3px solid var(--bmh-amber) !important; border-radius: 0 0 6px 6px !important; box-shadow: 0 30px 60px -20px rgba(4, 31, 24, .45) !important; }

/* dropdown holding the toolkit mega menu: no inner padding */
.whb-header .wd-dropdown-menu:has(.bm-mega) { width: 960px !important; max-width: calc(100vw - 40px); left: 50% !important; right: auto !important; margin-left: -480px !important; padding: 0 !important; overflow: hidden; }
.whb-header .wd-nav-main > li:has(.bm-mega) { position: relative; }
@media (max-width: 1240px) { .whb-header .wd-dropdown-menu:has(.bm-mega) { left: 0 !important; margin-left: -340px !important; } }
.whb-header .wd-dropdown-menu:has(.bm-mega) > .container, .whb-header .wd-dropdown-menu:has(.bm-mega) .wd-dropdown-inner { padding: 0 !important; max-width: none !important; }

/* tools: search icon, FAQs link, quote button */
.whb-header .wd-header-search .wd-tools-icon,
.whb-header .wd-tools-element > a { color: #fff !important; }
.whb-header .wd-header-search .wd-tools-icon:before, .whb-header .wd-tools-icon:before { color: #fff !important; }
.whb-header .wd-button-wrapper .btn-style-link { background: none !important; border: 0 !important; box-shadow: none !important; color: rgba(255, 255, 255, .78) !important; font-family: "Manrope", system-ui, sans-serif !important; font-weight: 700 !important; font-size: 14.5px !important; text-transform: none !important; }
.whb-header .wd-button-wrapper .btn-style-link:hover { color: #fff !important; }
.whb-header .wd-header-btn .btn:not(.btn-style-link),
.whb-header .wd-button-wrapper .btn:not(.btn-style-link) {
	min-height: 46px; padding: 0 22px !important; border: 0 !important; border-radius: 4px !important;
	background: var(--bmh-amber) !important; color: var(--bmh-deep) !important; box-shadow: none !important;
	font-family: "Manrope", system-ui, sans-serif !important; font-weight: 800 !important; font-size: 14px !important; letter-spacing: .01em !important; text-transform: none !important;
}
.whb-header .wd-header-btn .btn:not(.btn-style-link):hover,
.whb-header .wd-button-wrapper .btn:not(.btn-style-link):hover { background: var(--bmh-amber-h) !important; color: var(--bmh-deep) !important; }
.whb-header .wd-button-wrapper .btn:not(.btn-style-link) .wd-btn-icon, .whb-header .wd-button-wrapper .btn:not(.btn-style-link) img { filter: brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(1800%) hue-rotate(125deg); }

/* sticky header (the builder's own sticky rows are off): whole header sticks */
.whb-header { position: sticky !important; top: 0; z-index: 390; }
body.admin-bar .whb-header { top: 32px; }
.whb-header .whb-general-header { transition: box-shadow .3s; }
body.bm-scrolled .whb-header .whb-general-header { box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .5) !important; }

/* Services dropdown: WoodMart opens it (wd-opened) but leaves it at opacity 0 — show it */
.whb-header .wd-nav-main > li.wd-opened > .wd-dropdown,
.whb-header .wd-nav-main > li.wd-event-hover:hover > .wd-dropdown { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }

/* mobile header */
@media (max-width: 1024px) {
	.whb-header .whb-general-header .whb-flex-row { min-height: 68px; }
	.whb-header .wd-header-mobile-nav .wd-tools-icon, .whb-header .wd-header-mobile-nav .wd-tools-icon:before { color: #fff !important; }
	.whb-header .site-logo img { max-width: 160px !important; }
	.whb-header .whb-col-mobile .btn:not(.btn-style-link) { min-height: 40px; padding: 0 14px !important; font-size: 13px !important; }
	.whb-header .whb-top-bar .wd-header-text a span { font-size: 12.5px !important; }
}
/* mobile menu (dropdown / drawer) */
.mobile-nav, .wd-side-hidden.mobile-nav, .wd-header-mobile-nav .wd-dropdown { background: var(--bmh-deep, #062e24) !important; }
.mobile-nav .wd-nav-mobile > li > a, .mobile-nav .wd-nav-mobile li a { color: #fff !important; font-family: "Manrope", system-ui, sans-serif !important; font-weight: 700 !important; text-transform: none !important; border-color: rgba(255, 255, 255, .1) !important; }
.mobile-nav .wd-nav-mobile li.current-menu-item > a { color: #fbbc34 !important; }
.mobile-nav .wd-nav-mobile li { border-color: rgba(255, 255, 255, .1) !important; }
.mobile-nav .wd-nav-opener, .mobile-nav .wd-nav-opener:after { color: #fff !important; border-color: rgba(255, 255, 255, .1) !important; }
.mobile-nav .wd-nav-mob-tab, .mobile-nav .mobile-menu-tab, .mobile-nav [class*="mob-tab"] a, .mobile-nav [class*="mob-tab"] .nav-link-text { color: rgba(255, 255, 255, .55) !important; background: transparent !important; }
.mobile-nav .wd-nav-mob-tab .wd-active, .mobile-nav .wd-nav-mob-tab li.wd-active a, .mobile-nav .mobile-menu-tab.active, .mobile-nav [class*="mob-tab"] .wd-active .nav-link-text { color: #fbbc34 !important; }
.mobile-nav .mobile-tab-title, .mobile-nav .mobile-tab-title span { color: rgba(255, 255, 255, .55) !important; background: transparent !important; font-family: "Manrope", system-ui, sans-serif !important; font-weight: 800 !important; letter-spacing: .06em; }
.mobile-nav .mobile-tab-title.wd-active, .mobile-nav .mobile-tab-title.wd-active span { color: #fbbc34 !important; }
.mobile-nav .wd-nav-mob-tab.wd-style-underline .mobile-tab-title:after { background: #fbbc34 !important; }
.mobile-nav .searchform input { background: rgba(255, 255, 255, .08) !important; border-color: rgba(255, 255, 255, .2) !important; color: #fff !important; }

/* pages built with the toolkit start right under the header */
body:has(.bm.bm-phero) .page-title, body:has(.bm.bm-hero) .page-title { display: none; }
body:has(.bm) .wd-content-layout { padding-block: 0 !important; }
body:has(.bm) .main-page-wrapper { padding-top: 0 !important; }