/**********************/

#pw-masthead,
#pw-masthead-mobile {
	background-color: var(--shop-color, #1c2836);
}

#pw-masthead {
	display: flex;
	align-items: center;
	min-height: 73px;
	font-size: 0;
}

#pw-masthead .pw-container {
	flex: 1 1 auto;
	font-size: 16px;
}

#pw-masthead .pw-primary-nav {
	gap: 8px !important;
}

.pw-dropdown-menu {
	margin-top:24px !important;
}

#pw-masthead .pw-primary-nav li a {
	height:fit-content;
	display: inline;
	padding: 4px 15px;
	border:1px solid transparent;	
	border-radius:15px;
}

#pw-masthead .pw-primary-nav li:hover a {
	border-color:#32323229;	
}

#pw-masthead a {
	transition:all .15s linear;
}

#pw-masthead a:link, #pw-masthead a:visited {
	color:#00000082 !important;
	
} 
#pw-masthead a:active, #pw-masthead a:hover {
	color:#323232 !important;
	height:fit-content;
}



#pw-masthead ul li.uk-active a {
	color:white !important;
	border:1px solid white;
}

#pw-masthead .pw-logo-link,
#pw-masthead-mobile .pw-logo-link {
	display: inline-block;
    width: 130px;
    height: 50px;
    background-image: var(--shop-logo);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    margin-right: 0 !important;
}

#pw-masthead .pw-logo-link img,
#pw-masthead-mobile .pw-logo-link img {
	display: none !important;
}

#pw-masthead .pw-shop-context form {
	display: flex;
	align-items: center;
	margin: 0;
}

#pw-masthead .ow-shop-switch {
	position: relative;
	z-index: 5;
	margin: 0;
	border: 1px solid #fff;
	border-radius: 23px;
	background-color: transparent;
	color: #fff;
	transition: all .15s linear;
	outline: 0;
}

#pw-masthead .ow-shop-switch:hover {
	cursor: pointer;
}

#pw-masthead .ow-shop-switch::after {
	content: '';
	position: absolute;
	top: 5px;
	right: 6px;
	width: 20px;
	height: 20px;
	z-index: 9;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
	pointer-events: none;
}

#pw-masthead .ow-shop-switch select {
	position: relative;
	font-size: 16px;
	padding: 8px 45px 8px 15px;
	border: none;
	border-radius: 23px;
	background-color: transparent !important;
	color: inherit;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	transition: all .15s linear;
	&:focus-visible {
	    outline: 0;
	}
}

#pw-masthead .ow-shop-switch select:hover {
	cursor: pointer;
}

/* Per shop, so each masthead can diverge. #pw-mastheads carries ow-shop-{prefix}. */
#pw-mastheads.ow-shop-bif .ow-shop-switch {
	border-color: #fff;
	background-color: transparent;
	color: #fff;
}

#pw-mastheads.ow-shop-bif .ow-shop-switch:hover {
	background-color: #fff;
	color: #666;
}

#pw-mastheads.ow-shop-skai .ow-shop-switch {
	border-color: #fff;
	background-color: transparent;
	color: #fff;
}

#pw-mastheads.ow-shop-skai .ow-shop-switch:hover {
	background-color: #fff;
	color: #666;
}

#pw-mastheads.ow-shop-bt .ow-shop-switch {
	border-color: #fff;
	background-color: transparent;
	color: #fff;
}

#pw-mastheads.ow-shop-bt .ow-shop-switch:hover {
	background-color: #fff;
	color: #666;
}

#pw-mastheads.ow-shop-schuim .ow-shop-switch {
	border-color: #fff;
	background-color: transparent;
	color: #fff;
}

#pw-mastheads.ow-shop-schuim .ow-shop-switch:hover {
	background-color: #fff;
	color: #666;
}

/* Full nav wraps below 1280px. Keep the logo, the shop switch, and the menu button. */
@media screen and (max-width: 1279px) {
	#pw-masthead.pw-masthead-hidden {
		position: relative !important;
		top: 0 !important;
	}

	#pw-masthead-mobile {
		display: none !important;
	}

	body:not(.pw-ready) #pw-masthead > * {
		display: block;
	}

	#pw-masthead .pw-primary-nav,
	#pw-masthead .pw-user-nav,
	#pw-masthead .pw-search-form,
	#pw-masthead .uk-breadcrumb {
		display: none !important;
	}

	#pw-masthead .uk-navbar {
		align-items: center;
		padding-right: 52px;
	}

	#pw-masthead .uk-navbar-right {
		margin-left: auto;
	}

	#offcanvas-toggle {
		top: 0;
		height: 73px;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
}