/*
 * Branded masthead and the colorway built around the skull logo.
 * Palette is sampled from the logo artwork: bone, olive and plank gold on ink.
 */

.pebs-brand-header {
	--pebs-ink: #171411;
	--pebs-cream: #f4efe6;
	--pebs-bone: #cccc99;
	--pebs-olive: #949449;
	--pebs-olive-deep: #5a5a26;
	--pebs-plank: #b19212;
	--pebs-plank-bright: #e3c044;
	--pebs-link: #6b5a0c;
}

/* Masthead. */
.pebs-brand-header .site-header {
	background-color: var(--pebs-cream);
	border-bottom: 0;
	color: var(--pebs-ink);
}

.pebs-brand-header.home .site-header {
	margin-bottom: 0;
}

.pebs-brand-header .site-header .site-branding {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.pebs-brand-header .pebs-brand-logo {
	display: block;
	flex: none;
	line-height: 0;
}

.pebs-brand-header .site-header .site-branding .pebs-brand-logo img {
	display: block;
	width: auto;
	max-width: none;
	height: 72px;
}

.pebs-brand-header .site-header p.site-description {
	display: block;
	max-width: 11em;
	margin: 0;
	color: var(--pebs-olive-deep);
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.45;
	text-transform: uppercase;
}

.pebs-brand-header .site-header .secondary-navigation a {
	color: #3a342d;
	font-weight: 600;
}

.pebs-brand-header .site-header .secondary-navigation a:hover,
.pebs-brand-header .site-header .secondary-navigation a:focus {
	color: var(--pebs-link);
}

.pebs-brand-header .site-header .site-search .widget_product_search form:before {
	color: var(--pebs-olive-deep);
}

.pebs-brand-header .site-header .site-search .widget_product_search input[type="search"] {
	border: 1px solid rgba(23, 20, 17, 0.16);
	border-radius: 999px;
	background-color: #fff;
	box-shadow: none;
	color: var(--pebs-ink);
}

.pebs-brand-header .site-header .site-search .widget_product_search input[type="search"]:focus {
	border-color: var(--pebs-plank);
}

.pebs-brand-header button.menu-toggle,
.pebs-brand-header button.menu-toggle:hover {
	border-color: var(--pebs-ink);
	background-color: transparent;
	color: var(--pebs-ink);
}

.pebs-brand-header .storefront-handheld-footer-bar ul li > a {
	color: var(--pebs-ink);
}

@media (max-width: 767px) {
	.pebs-brand-header .site-header {
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-bottom: 4px solid var(--pebs-plank);
	}

	.pebs-brand-header .site-header .site-branding {
		width: calc(100% - 110px) !important;
		margin-bottom: 0;
	}

	.pebs-brand-header .site-header p.site-description {
		display: none;
	}

	.pebs-brand-header button.menu-toggle {
		margin-top: 16px;
	}
}

@media (min-width: 768px) {
	.pebs-brand-header .site-header {
		padding-top: 1.25rem;
	}

	.pebs-brand-header .site-header .site-branding {
		margin-bottom: 1.25rem;
	}

	.pebs-brand-header .site-header .site-branding .pebs-brand-logo img {
		height: 104px;
	}

	.pebs-brand-header .site-header .secondary-navigation,
	.pebs-brand-header .site-header .site-search {
		margin-top: 1.5rem;
		margin-bottom: 0;
	}

	/* Ink category bar with a plank-gold edge. */
	.pebs-brand-header .storefront-primary-navigation {
		border-top: 4px solid var(--pebs-plank);
		background-color: var(--pebs-ink);
	}

	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu > li > a,
	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.nav-menu > li > a {
		color: var(--pebs-cream);
		font-weight: 700;
		letter-spacing: 0.02em;
	}

	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu > li > a:hover,
	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu > li:hover > a,
	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu > li.focus > a,
	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu > li.current-menu-item > a,
	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu > li.current-menu-ancestor > a {
		color: var(--pebs-plank-bright);
	}

	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu ul.sub-menu {
		border-top: 3px solid var(--pebs-plank);
		background-color: #fff;
		box-shadow: 0 14px 30px rgba(23, 20, 17, 0.18);
	}

	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu ul.sub-menu a {
		color: var(--pebs-ink);
	}

	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu ul.sub-menu a:hover,
	.pebs-brand-header .storefront-primary-navigation .main-navigation ul.menu ul.sub-menu li:hover > a {
		background-color: var(--pebs-cream);
		color: var(--pebs-link);
	}

	.pebs-brand-header .site-header .site-header-cart .cart-contents {
		color: var(--pebs-cream);
	}

	.pebs-brand-header .site-header .site-header-cart:hover .cart-contents,
	.pebs-brand-header .site-header .site-header-cart .cart-contents:hover {
		color: var(--pebs-plank-bright);
	}

	.pebs-brand-header .site-header .site-header-cart .cart-contents .count {
		color: var(--pebs-bone);
		opacity: 1;
	}

	.pebs-brand-header .site-header .site-header-cart .widget_shopping_cart {
		background-color: #fff;
		box-shadow: 0 14px 30px rgba(23, 20, 17, 0.18);
	}
}

/* The tagline only fits beside the logo on wide screens. */
@media (min-width: 768px) and (max-width: 1099px) {
	.pebs-brand-header .site-header p.site-description {
		display: none;
	}
}

/* Footer social icons carry an inline purple from the widget editor. */
.pebs-brand-header .site-footer .wp-block-social-links .wp-social-link {
	background-color: var(--pebs-ink) !important;
	color: var(--pebs-cream) !important;
}