/*
 * StaWa Storefront header
 *
 * Structural header rules live here. Commerce controls and the handheld
 * drawer remain owned by Flint Storefront Commerce UI.
 */

.site-header .stawa-site-header,
.site-header .stawa-site-header *,
.site-header .stawa-site-header *::before,
.site-header .stawa-site-header *::after {
	box-sizing: border-box;
}

.site-header .stawa-site-header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
	width: 100%;
}

.site-header .stawa-site-header__branding {
	min-width: 0;
}

.site-header .stawa-site-header .site-branding {
	display: block;
	float: none;
	clear: none;
	width: auto !important;
	max-width: none;
	max-height: none;
	margin: 0 !important;
}

.site-header .stawa-site-header .logoswrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: clamp(0.45rem, 2.2vw, 1.35rem);
	width: 100%;
	max-width: 27rem;
	max-height: none;
}

.site-header .stawa-site-header .stawalogo {
	display: flex;
	flex: 0 1 var(--stawa-logo-width);
	align-items: center;
	justify-content: center;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.site-header .stawa-site-header .stawalogo:nth-child(1) {
	--stawa-logo-width: 8.5625rem;
}

.site-header .stawa-site-header .stawalogo:nth-child(2) {
	--stawa-logo-width: 8.125rem;
}

.site-header .stawa-site-header .stawalogo:nth-child(3) {
	--stawa-logo-width: 8.75rem;
}

.site-header .stawa-site-header .stawalogo img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	margin: 0;
	padding: 0;
	object-fit: contain;
}

.site-header .stawa-site-header .stawalogo:focus-visible {
	outline: 3px solid var(--fscui-primary, #337ab7) !important;
	outline-offset: 4px;
}

.site-header .stawa-site-header__search,
.site-header .stawa-site-header__secondary {
	display: none;
}

.site-header .stawa-site-header__primary {
	grid-column: 2;
	grid-row: 1;
	min-width: 0;
}

.site-header .stawa-site-header__primary > .col-full {
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
}

.site-header .stawa-site-header__primary .main-navigation {
	float: none;
	clear: none;
	width: auto;
	margin: 0;
}

.site-header .stawa-site-header__primary .site-header-cart {
	display: none;
}

@media (max-width: 767px) {
	.site-header {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}

	.site-header .stawa-site-header__primary button.menu-toggle {
		float: none;
		white-space: nowrap;
	}
}

@media (min-width: 768px) {
	.site-header {
		padding-top: 2rem;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.site-header .stawa-site-header {
		grid-template-columns: max-content minmax(12rem, 26rem) auto;
		gap: clamp(0.75rem, 2vw, 1.5rem);
	}

	.site-header .stawa-site-header__branding {
		grid-column: 1;
		grid-row: 1;
	}

	.site-header .stawa-site-header .logoswrapper {
		width: fit-content;
		max-width: none;
		gap: clamp(0.75rem, 1.5vw, 1.35rem);
	}

	.site-header .stawa-site-header__search {
		display: block;
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		width: 100%;
		max-width: 26rem;
		min-width: 0;
	}

	.site-header .stawa-site-header__search .stawa-header-product-search {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 3.15rem;
		align-items: stretch;
		width: 100%;
		height: 3.15rem;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background: #fff;
		border: 1px solid var(--fscui-border, #d9dee5);
		border-radius: var(--fscui-pill-radius, 999px);
		box-shadow: none;
	}

	.site-header .stawa-site-header__search .stawa-header-product-search::before,
	.site-header .stawa-site-header__search .stawa-header-product-search::after {
		display: none;
		content: none;
	}

	.site-header .stawa-site-header__search .search-field {
		width: 100%;
		min-width: 0;
		height: 100%;
		margin: 0;
		padding: 0 1.25rem;
		color: #333;
		font: inherit;
		background: #fff !important;
		border: 0;
		border-radius: 0;
		outline: 0;
		box-shadow: none !important;
		appearance: none;
	}

	.site-header .stawa-site-header__search .search-field:focus {
		background: #fff !important;
	}

	.site-header .stawa-site-header__search .stawa-header-product-search:focus-within {
		border-color: var(--fscui-primary, #337ab7);
		box-shadow: 0 0 0 1px var(--fscui-primary, #337ab7);
	}

	.site-header .stawa-site-header__search button[type="submit"] {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		color: var(--fscui-primary, #337ab7);
		font-size: 1.15rem;
		line-height: 1;
		background: #fff;
		border: 0;
		border-left: 1px solid var(--fscui-border, #d9dee5);
		border-radius: 0;
		box-shadow: none;
		appearance: none;
	}

	.site-header .stawa-site-header__search button[type="submit"]:hover,
	.site-header .stawa-site-header__search button[type="submit"]:focus-visible {
		color: #fff;
		background: var(--fscui-primary, #337ab7);
	}

	.site-header .stawa-site-header__search button[type="submit"]:focus-visible {
		outline: 0;
	}

	.site-header .stawa-site-header__search .stawa-header-search__icon {
		display: block;
		width: 1em;
		height: 1em;
		line-height: 1;
	}

	.site-header .stawa-site-header__secondary {
		display: block;
		grid-column: 3;
		grid-row: 1;
		align-self: center;
		min-width: 0;
	}

	.site-header .stawa-site-header__secondary .secondary-navigation {
		display: block;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin: 0 !important;
	}

	.site-header .stawa-site-header__secondary .secondary-navigation ul.menu,
	.site-header .stawa-site-header__secondary .secondary-navigation ul.nav-menu {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		margin: 0;
	}

	.site-header .stawa-site-header__primary {
		position: relative;
		left: 50%;
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100vw;
		margin-top: 0.75rem;
		margin-left: -50vw;
		background: #337ab7;
	}

	.site-header .stawa-site-header__primary > .col-full {
		display: grid;
		grid-template-columns: minmax(0, 73.9130434783%) 21.7391304348%;
		column-gap: 4.347826087%;
		align-items: stretch;
		width: 100%;
		max-width: 1280px;
		margin-right: auto;
		margin-left: auto;
		padding-right: 2.617924em;
		padding-left: 2.617924em;
	}

	.site-header .stawa-site-header__primary > .col-full::before,
	.site-header .stawa-site-header__primary > .col-full::after {
		display: none;
		content: none;
	}

	.site-header .stawa-site-header__primary .main-navigation {
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin: 0 !important;
		text-align: left !important;
	}

	.site-header .stawa-site-header__primary .main-navigation ul.menu,
	.site-header .stawa-site-header__primary .main-navigation ul.nav-menu {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-start;
		float: none;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		text-align: left;
		flex-wrap: wrap;
	}

	.site-header .stawa-site-header__primary .main-navigation ul.menu > li,
	.site-header .stawa-site-header__primary .main-navigation ul.nav-menu > li {
		flex: 0 0 auto;
		float: none;
		text-align: left;
	}

	.site-header .stawa-site-header__primary .main-navigation ul.menu > li > a,
	.site-header .stawa-site-header__primary .main-navigation ul.nav-menu > li > a {
		display: flex;
		align-items: center;
		padding: 1rem;
		color: #fff;
	}

	.site-header .stawa-site-header__primary .main-navigation ul.menu > li.menu-item-has-children > a::after,
	.site-header .stawa-site-header__primary .main-navigation ul.menu > li.page_item_has_children > a::after,
	.site-header .stawa-site-header__primary .main-navigation ul.nav-menu > li.menu-item-has-children > a::after,
	.site-header .stawa-site-header__primary .main-navigation ul.nav-menu > li.page_item_has_children > a::after {
		line-height: 1;
	}

	.site-header .stawa-site-header__primary .primary-navigation > ul.menu > li:first-child > a,
	.site-header .stawa-site-header__primary .primary-navigation > ul.nav-menu > li:first-child > a {
		padding-left: 0;
	}

	.site-header .stawa-site-header__primary .main-navigation ul.menu > li:hover > a,
	.site-header .stawa-site-header__primary .main-navigation ul.menu > li.current-menu-item > a,
	.site-header .stawa-site-header__primary .main-navigation ul.menu > li.current_page_item > a,
	.site-header .stawa-site-header__primary .main-navigation ul.nav-menu > li:hover > a,
	.site-header .stawa-site-header__primary .main-navigation ul.nav-menu > li.current-menu-item > a,
	.site-header .stawa-site-header__primary .main-navigation ul.nav-menu > li.current_page_item > a {
		color: #fff;
	}

	.site-header .stawa-site-header__primary .main-navigation ul.sub-menu li > a {
		color: #333;
	}

	.site-header .stawa-site-header__primary .main-navigation ul.sub-menu li:hover > a {
		color: #333;
	}

	.site-header .stawa-site-header__primary .site-header-cart {
		display: block;
		float: none !important;
		clear: none !important;
		width: auto !important;
		min-width: 0;
		max-width: none;
		margin: 0 !important;
	}

	.site-header .stawa-site-header__primary .site-header-cart > li,
	.site-header .stawa-site-header__primary .site-header-cart .cart-contents {
		height: 100%;
	}

	.site-header .stawa-site-header__primary .site-header-cart .cart-contents {
		padding-top: 1rem;
		padding-bottom: 1rem;
		color: #fff;
	}
}

@media (min-width: 768px) and (max-width: 66.4989378333em) {
	.site-header .stawa-site-header {
		gap: clamp(0.75rem, 2vw, 1rem);
	}

	.site-header .stawa-site-header__primary > .col-full {
		padding-right: 2.617924em;
		padding-left: 2.617924em;
	}
}

@media (min-width: 768px) and (max-width: 68.749rem) {
	.site-header .stawa-site-header {
		grid-template-columns: 17.75rem minmax(12rem, 26rem) auto;
	}

	.site-header .stawa-site-header .stawalogo:nth-child(3) {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 56.249rem) {
	.site-header .stawa-site-header {
		grid-template-columns: 8.125rem minmax(12rem, 26rem) auto;
	}

	.site-header .stawa-site-header .stawalogo:nth-child(1) {
		display: none;
	}
}

@media (min-width: 68.75rem) {
	.site-header .stawa-site-header {
		grid-template-columns: minmax(24rem, 1.1fr) minmax(18rem, 1.15fr) auto;
	}

	.site-header .stawa-site-header__search {
		grid-column: 2;
		grid-row: 1;
	}

	.site-header .stawa-site-header__secondary {
		grid-column: 3;
		grid-row: 1;
	}

	.site-header .stawa-site-header__primary {
		grid-row: 2;
	}
}

@media (max-width: 568px) {
	.site-header .stawa-site-header {
		gap: 0.75rem;
	}

	.site-header .stawa-site-header .logoswrapper {
		gap: clamp(0.3rem, 1.8vw, 0.65rem);
	}
}

@media (max-width: 359px) {
	.site-header .stawa-site-header {
		gap: 0.45rem;
	}
}

@media (min-width:1360px){
	.site-header .stawa-site-header__primary > .col-full {
		padding-left: 0;
	}
}