header.site-header {
	position: relative;
	z-index: 20;
}

header.site-header :is(a, label)  {
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
}

header.site-header :is(menu, nav, ul) {
	list-style: none;
}

header.site-header :is( ul) {
	padding-inline: 0;
}






/* UTILITY */

header.site-header .site-head__utility {
	display: flex;
	gap : 1rem;
	justify-content: flex-end;
	align-items: center;
	margin-block-start: 1em;
}

header.site-header .site-head__utility :is(a, label)  {
	color: var(--wp--preset--color--gold);
	font-family: var(--wp--preset--font-family--brewery);

}

header.site-header .site-head__utility .current-menu-item :is(a, label), 
header.site-header .site-head__utility :is(a, label):hover {
	color :var(--wp--preset--color--plum);
} 

header.site-header .wp-block-woocommerce-customer-account a  {
	filter:var(--wp--custom--filter--gold);
	padding: 0!important;
}

header.site-header .wp-block-woocommerce-customer-account a:hover {
	filter:var(--wp--custom--filter--plum);
}

header.site-header .wp-block-woocommerce-customer-account a svg {
	display: none;
}

header.site-header .wp-block-woocommerce-customer-account a:before {
	content: '';
	width: 1.6em;
	height: 1.6em;
	background: url('../images/icon_account.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	
}

header.site-header .wc-block-mini-cart__button {
	padding: 0;
	width: 1.6rem;
	height: 1.6rem;
}

header.site-header .wc-block-mini-cart__quantity-badge svg {
	display: none;
}

header.site-header .wc-block-mini-cart__quantity-badge {
	width: 100%;
	height: 100%;
}

header.site-header .wc-block-mini-cart__quantity-badge:before {
	position: absolute;
	inset: 0;
	content: '';
	background: url('../images/icon_panier.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	filter:var(--wp--custom--filter--gold);

} 

header.site-header .wc-block-mini-cart:hover .wc-block-mini-cart__quantity-badge:before {
	filter:var(--wp--custom--filter--plum);
}

header.site-header .site-head__utility .menu-item-search {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

header.site-header .site-head__utility .menu-item-search .menu-item-search--inner  {
	display: grid;
	grid-template-columns: 0 auto;
	border-radius: 0.5rem;
	background: var(--wp--preset--color--beige-pale);
	overflow: clip;
	transition: all ease-in-out 0.3s;
}

header.site-header .site-head__utility .menu-item-search .menu-item-search--inner:hover  {
	background: var(--wp--preset--color--white);
	grid-template-columns: 200px auto;
}

header.site-header .site-head__utility .menu-item-search input  {
	border: none;
	background: none;
	padding-inline: 0.5em;
	height: 100%;
	width: 100%;
	font-size: 16px;
}

header.site-header .site-head__utility .menu-item-search input:focus { 
   outline: none;

}

header.site-header .site-head__utility .menu-item-search button {
	background: url('../images/icon_loupe.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	filter:var(--wp--custom--filter--gold);
	
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	border: none;
}


header.site-header .site-head__utility .menu-item-search button:hover {
	filter:var(--wp--custom--filter--plum);
	cursor: pointer;
}


header.site-header .site-head__utility .menu-item-toggle {
/*padding-inline-start: .75rem;*/
	font-size: 20px;
	display: none;
}




/* MAIN */

header.site-header .site-head__main {
	gap : 3rem;
	align-items: stretch;
	position: relative;
}

header.site-header .site-head__main:before {
	content: '';
	flex-grow: 2;
}

header.site-header .site-head__main :is(a, label)  {
	font-family: var(--wp--preset--font-family--apercu-mono);
	color: var(--wp--preset--color--beige-pale);
	font-size: 14px;

}

header.site-header .site-head__main > .menu-item {
	align-content: center;
	padding-block-end: 1rem;
}

header.site-header .site-head__main > .menu-item > :is(a, label) {
	color: var(--wp--preset--color--plum);	
	font-family: var(--wp--preset--font-family--brewery);
	font-size: 	font-size: var(--wp--preset--font-size--medium);
}

header.site-header .site-head__main > .menu-item:is(:nth-child(2), :nth-child(3))  {
	order:1
}

header.site-header .site-head__main > .menu-item:is( :nth-child(4), :nth-child(5), :nth-child(6) )  {
	order:3
}

header.site-header .site-head__main > .menu-item.menu-item-logo {
	display: inline-block;
	width: 100%;
	max-width: 240px;
	order: 2
}

header.site-header .site-head__main > .menu-item.menu-item-logo :is(a, label)  {
	display: block;
}

header.site-header .site-head__main > .menu-item.menu-item-logo img {
	width: 100%;
	height: auto;
}

header.site-header .site-head__main > .menu-item.icn  {
	display: block;
	aspect-ratio: 1;
	width: 2rem;
	border-radius: 50%;
	border :1px solid;	
	overflow : clip;
	text-align: center;
}

header.site-header .site-head__main > .menu-item.icn :is(a, label) {
	transform: scale(1.2);
	display: block;
}

header.site-header .site-head__main > .menu-item.menu-item-toggle  {
	flex-grow: 2;
	text-align: right;
}

header.site-header .site-head__main .current-menu-item > :is(a, label),
header.site-header .site-head__main .current-menu-ancestor > :is(a, label),
header.site-header .site-head__main .current_page_ancestor > :is(a, label),
header.site-header .site-head__main :is(a, label):hover  {
	color: var(--wp--preset--color--gold);
}

header.site-header .site-head__main > .menu-item > .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin-block: 0;
	min-height: 26rem;
	display: flex;
	column-gap:  calc(2rem - 1px);
	align-content: stretch;
	justify-content: center;
	padding-block: 3rem;
	opacity: 0;
	pointer-events: none;
	z-index: 4;

	transition: all 0.2s ease-in-out;
}

header.site-header .site-head__main > .menu-item > .sub-menu:before  {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	background: var(--wp--preset--color--plum);
	translate: -50% 0;
	z-index: -1;
	box-shadow: rgba(0, 0, 0, 0.3) 4px 4px 8px 0px;
	transition: all 0.2s ease-in-out;
}

header.site-header .site-head__main > .menu-item > .sub-menu > .menu-item {
	flex-basis: 20%;
	position: relative;
	min-height: 100%;
	opacity: 0;
	translate: 0 -36px;
	transition: all 0.2s ease-in-out;
	line-height: 1.2;
}

header.site-header .site-head__main > .menu-item > .sub-menu :is(a, label){
	display: block;
	padding-bottom: 0.75em;
}

header.site-header .site-head__main > .menu-item:not(.menu-marques) > .sub-menu > .menu-item:not(:first-child):before {
	content: '';
	display: block;
	position: absolute;
	left:-1rem;
	top: 0;
	bottom: 0;
	border-left: 2px solid var(--wp--preset--color--gold);
}

header.site-header .site-head__main > .menu-item:not(.menu-marques) > .sub-menu > .menu-item > :is(a, label){
	color: var(--wp--preset--color--gold);
	font-family: var(--wp--preset--font-family--brewery);
	font-size: 16px;
}

header.site-header .site-head__main > .menu-item:is(.menu-marques) .sub-menu  {
	display: block;
	column-count: 5;
	column-rule: 2px solid var(--wp--preset--color--gold);
	min-height: 100%;
}

header.site-header .site-head__main > .menu-item:is(.menu-marques) .sub-menu li {

}

@media screen and (min-width: 881px) {

	header.site-header .site-head__main > .menu-item:hover > .sub-menu {
		opacity: 1;
		pointer-events: all;
	}

	header.site-header .site-head__main > .menu-item:hover > .sub-menu > .menu-item {
		opacity: 1;
		translate: 0 ;
	}
}

@media screen and (max-width: 1220px) {
	header.site-header .site-head__main {
		gap : 1.5rem;
	}
	
	header.site-header .site-head__main > .menu-item.menu-item-logo {
		max-width: 120px;
	}
}

@media screen and (max-width: 940px) {
	
	header.site-header .site-head__main {
		flex-wrap: wrap;
	}
	
	header.site-header .site-head__main:before {
		display: none;
	}
	
	header.site-header .site-head__main > .menu-item  {
		order: initial!important;
	}
	
	header.site-header .site-head__main > .menu-item.menu-item-logo {
		order: initial;
		min-width: 100%;
	}
	
	header.site-header .site-head__main > .menu-item.menu-item-logo a {
		max-width: 240px;
		text-align: center;
		margin-inline: auto;
	}
	
	header.site-header .site-head__main > .menu-item.menu-item-toggle {
		flex-grow: initial;
	}
	
}

@media screen and (max-width: 740px) {
	
	header.site-header .site-head {
		display: flex;
		flex-direction: column-reverse;
	}
	
	header.site-header .site-head__main li:not(.menu-item-logo)  {
		display: none;
	}
	
	header.site-header .site-head__main > .menu-item.menu-item-logo {
		max-width: none;
	}
	
	header.site-header .site-head__utility  {
		justify-content: center;
		margin-block-start: 0;
		flex-wrap: wrap;
	}
	
	header.site-header .site-head__utility .menu-item:not(.langue){
		display: none;
	}
	
	header.site-header .site-head__utility .menu-item.langue{
		font-weight: bold;
		font-size: 1.6em;
	}
	
	header.site-header .wp-block-woocommerce-customer-account a:before {
		width: 2.4em;
		height: 2.4em;
	}
	
	header.site-header .wc-block-mini-cart__button {
		width: 2.4em;
		height: 2.4em;
	}
	
	header.site-header .site-head__utility .menu-item-toggle {
		display: initial;
		font-size: 30px;
	}
	
	header.site-header .site-head__utility .menu-item-search {

		min-width: 100%; 
	}
	
	header.site-header .site-head__utility .menu-item-search .menu-item-search--inner  {
		display: grid;
		grid-template-columns: 1fr auto;
		border-radius: 0.5rem;
		background: var(--wp--preset--color--white);
		overflow: clip;
		transition: all ease-in-out 0.3s;
	}
	
	header.site-header .site-head__utility .menu-item-search  form  {
		width: 100%;
	}
	
	header.site-header .site-head__utility .menu-item-search .menu-item-search--inner:hover  {
		background: var(--wp--preset--color--white);
	grid-template-columns: 1fr auto;
	}
	
	
	header.site-header .site-head__utility .menu-item-search button {
		width: 2.4em;
		height: 2.4em;
	}



}