/* ==========================================================================
   BKW Storefront header (Woodmart Header Builder: "Storefront (Lora)").
   Loaded site-wide. Scoped to the header so the rest of the site is untouched.
   ========================================================================== */

.whb-header {
	--bkw-navy: #0c426a;
	--bkw-ink: #142f43;
	--bkw-muted: #66717a;
	--bkw-line: #e5e3dd;
	--bkw-serif: "Lora", Georgia, serif;
}

/* Announcement bar */
.whb-header .bkw-hb-text p { margin: 0; font-family: var(--bkw-serif); font-size: 10px; line-height: 1.4; letter-spacing: .2px; }
.whb-header .bkw-hb-text a { color: inherit; }
.whb-header .bkw-hb-text a:hover { text-decoration: underline; text-underline-offset: 3px; }
.whb-top-bar .bkw-hb-note { color: #fff; }

/* Category row */
.whb-header .wd-header-nav .wd-nav > li > a,
.whb-header .wd-nav-secondary > li > a {
	font-family: var(--bkw-serif);
	font-size: 12px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	color: var(--bkw-ink);
}
.whb-header .wd-nav-secondary > li > a:hover,
.whb-header .wd-nav-secondary > li.current-menu-item > a { color: var(--bkw-navy); }
.whb-header .wd-dropdown-menu .wd-sub-menu li a,
.whb-header .wd-dropdown .wd-sub-menu li a { font-family: var(--bkw-serif); font-size: 12px; text-transform: none; color: var(--bkw-ink); }
.whb-header .bkw-hb-eco a { font-size: 10px; color: var(--bkw-muted); text-decoration: underline; text-underline-offset: 4px; }
.whb-header .bkw-hb-eco { text-align: right; }

/* Search */
.whb-header .searchform input[type="text"],
.whb-header .searchform input[type="search"],
.whb-header .wd-search-form input[type="text"] {
	font-family: var(--bkw-serif);
	font-size: 12px;
	color: var(--bkw-ink);
	background-color: #f4f1ea;
	border-color: var(--bkw-line);
}
.whb-header .searchform input::placeholder { color: var(--bkw-muted); }
.whb-header .wd-search-form .searchsubmit,
.whb-header .wd-search-form .searchsubmit:before { color: #fff; }
.whb-header .wd-search-form .searchsubmit { background-color: var(--bkw-navy); border-radius: 0 5px 5px 0; }

/* Icons */
.whb-general-header .wd-tools-element > a { color: var(--bkw-ink); }
.whb-general-header .wd-tools-element > a:hover { color: var(--bkw-navy); }
.whb-header .wd-tools-count { background-color: var(--bkw-navy); color: #fff; font-family: var(--bkw-serif); }

/* Mobile drawer typography */
.mobile-nav .wd-nav-mobile > li > a,
.mobile-nav .wd-nav-mob-tab > li > a { font-family: var(--bkw-serif); text-transform: none; letter-spacing: 0; }

/* Align header to the storefront grid: 1380px content, 32px gutters (14px on mobile). */
.whb-header_bkw_storefront .whb-row > .container {
	max-width: 1380px;
	width: 100%;
	padding-left: 32px;
	padding-right: 32px;
}
@media (max-width: 1100px) {
	.whb-header_bkw_storefront .whb-row > .container { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 767px) {
	.whb-header_bkw_storefront .whb-row > .container { padding-left: 14px; padding-right: 14px; }
}

/* Header grid = page grid: 32px / 20px / 14px gutters. */
body .whb-header.whb-header_bkw_storefront .whb-row > .container {
	max-width: 1380px !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
}
@media (max-width: 1100px) {
	body .whb-header.whb-header_bkw_storefront .whb-row > .container { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (max-width: 767px) {
	body .whb-header.whb-header_bkw_storefront .whb-row > .container { padding-left: 14px !important; padding-right: 14px !important; }
}
