/* version 3 
Header Styles :
 -- Main Menu and Collection's Menu with Mega Menu
 -- Search
 -- Mini Cart and other icons
*/
header section
{
	background-color: #fff;
}
.bandeau_vert
{
    height: 45px;
}
.wp-block-template-part p /* Pour le paragraphe créé en bas à cause du script */
{
    margin: 0;
}
.entreprise
{
    margin-top: 0;
}
/* #region Sticky Header */
header
{
	position: sticky;
	top: -45px;
	z-index: 8;
}
header > :nth-child(2)
{
	transition: height 200ms ease, opacity 200ms ease, padding 200ms ease, margin 200ms ease;
	will-change: height, opacity;
}
header.is-scrolled > :nth-child(2)
{
	height: 0;
	opacity: 0;
	overflow: hidden;
}
/* #endregion */
/* #region Entreprise */
.menu_entreprise /* toute la ligne avec le logo et le recherche */
{
    height: 80px;
}
.entreprise ul
{
	gap: 0;
    justify-content: space-around;
}
.trigger-megamenu a span
{
    font-weight: 800;
}
/* Search */
a.dgwt-wcas-suggestion.dgwt-wcas-suggestion-product
{
    text-decoration: none;
}
.dgwt-wcas-st
{
	width: 68%;
}
.dgwt-wcas-details-product-sku, .dgwt-wcas-details-space a.button
{
    display: none;
}
/* End of Search */
/* Icons */
#header-icons
{
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	border-radius: 40px;
	display: flex;

}
#header-icons p
{
	display: block;
	margin: auto;
}
/* End of Icons */
/* Langues */
.widget.widget_polylang
{
    display: none;
}
/*End of Langues */
/* #endregion */
/* #region Mega Menu */
@media (min-width:993px) {
		header:has(.trigger-megamenu:hover) #mega-menu-wrapper
		{
			display: block;
			transition: all ease-out .3s;
		}
		#burger-checkbox, button.menu-mob-btn, li.collections.collections-mob-btn, li.wc-block-product-categories-list-item.main-cutom-title
		{
			display: none;
		}
		#mega-menu-wrapper:hover
		{
			display: block;
		}
		#mega-menu-wrapper
		{
			position: absolute;
			z-index: 9;
			width: 100%;
			max-width: 1440px;
			display: none;
		}
		.entreprise .wp-block-navigation-item__content
		{
			padding: 29px 0 !important;
		}
		#mega-menu
		{
			background: #FAFBFD;
		}
}
.wp-block-navigation__container li a span
{
	 box-shadow: inset 0 0 0 0 #cafa10;
	 transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.wp-block-navigation__container li a:hover span {
	box-shadow: inset 200px 0 0 0 #cafa10;
}
.wp-block-woocommerce-product-categories.wc-block-product-categories.is-list.mega-list /* Pour faire de la place aux pictos */
{
    transform: translate(48px, 0);
}
.mega-list ul
{
	list-style-type: none;
	padding: 0;
}
.mega-list ul li a, #subCatMenu ul li a
{
	text-decoration: none;
	line-height: 21px;
	display: flex;
    align-items: center;
}
.mega-list ul.wc-block-product-categories-list--depth-0
{
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 40px
}

.mega-list ul.wc-block-product-categories-list--depth-1 li a span
{
	color: #666666;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    display: block;
}
.mega-list ul.wc-block-product-categories-list--depth-1 li a span::after {
  content: '';
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #cafa10;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
  display: block;
}

.mega-list ul.wc-block-product-categories-list--depth-1 li:hover a span::after {
  transform-origin: left;
  transform: scaleX(1);
}
.mega-list ul > li > a > span, #subCatMenu ul > li > a > span
{
	color: black;
    font-size: 18px;
    font-weight: 700;
    display: block;
    font-family: 'GRIFTER';
}
.wc-block-product-categories-list.wc-block-product-categories-list--depth-1.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image
{
    display: none;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item
{
    margin: 4px 0 4px 0;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image
{
	border-radius: 50%;
	border: none;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img
{
	border-radius: 50%;
	max-width: 100% !important;
}
/* #endregion */
/* #region Collection's Menu */
@media (min-width:993px) {
		header .branded-menu
		{
			background-color: #fff;
			padding: 20px;
			margin: 20px 30px;
			box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
			border-radius: 40px;
			height: 59px;
			transform: none !important;
		}
		header .branded-menu a
		{
			line-height: 100%;
		}
		header .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container
		{ 
			border: none;
			padding-top: 20px;
		}
}
/* #endregion */
/* #region Notebooks */
@media (min-width: 993px) and (max-width: 1439px) {
	.wp-block-columns.is-not-stacked-on-mobile.menu_entreprise.is-layout-flex.wp-container-core-columns-is-layout-d9537e3d.wp-block-columns-is-layout-flex
	{
		padding: 0 25px !important;
		gap: 1.6vw;
	}
	.wp-block-column.is-vertically-aligned-center.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-column-is-layout-12dd3699.wp-block-column-is-layout-constrained
	{
		flex-basis: 16% !important;
	}
	.alignleft.wp-block-site-logo
	{
		margin-right: 0;
	}
	.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-container-core-column-is-layout-43dc041e.wp-block-column-is-layout-flow
	{
		flex-basis: 25% !important;
	}
	.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input
	{
		font-size: 1.3vw;
	}
	div#entreprise
	{
		flex-basis: 44% !important;
	}
	.entreprise ul
	{
		justify-content: space-between;
	}
	.wp-block-navigation .wp-block-navigation-item__content
	{
		font-size: 1.4vw;
	}
	#header-icons
	{
		padding: 0.6vw 0;
	}
	.wc-block-mini-cart.wp-block-woocommerce-mini-cart
	{
		margin: auto 0 !important;
	}
	.wc-block-mini-cart__button
	{
		padding: 0 .5vw;
	}
	.wc-block-mini-cart__button .wc-block-mini-cart__icon
	{
		height: 2.1vw;
		margin: 0;
		width: 2.1vw;
	}
	.wp-block-woocommerce-customer-account a
	{
		padding: 0 .5vw;
	}
	.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon
	{
		height: 2.1vw;
		width: 2.1vw;
	}
	#header-icons p
	{
		margin: auto 0;
		padding: 0 .5vw;
		font-size: 1.4vw;
	}
	header .branded-menu
	{
		padding: 0 14px !important;
		margin-left: 15px;
		margin-right: 15px;
		height: 4vw;
	}
	.branded-menu nav.items-justified-space-between.wp-block-navigation.is-content-justification-space-between.is-layout-flex.wp-container-core-navigation-is-layout-b585a4aa.wp-block-navigation-is-layout-flex
	{
		height: 100%;
	}
	.branded-menu ul.wp-block-navigation__container.items-justified-space-between.wp-block-navigation
	{
		gap: 1vw;
	}
}
/* #endregion */
/* #region Mobile */
@media (max-width: 992px)
{
	/* Je crois que ça sert à rien
	#modal-2-content, #modal-1-content, .branded-menu {display: none} */
    .bandeau_vert
	{
		font-size:12px;
		line-height: 19px;
		display: block;
		position: relative;
		bottom: 7px;
	}
	.menu_entreprise
	{
		padding-right:5px!important;
		padding-left:0!important
	}
	.menu_entreprise .wp-block-column:first-child
	{
		order: 2;
		flex-basis: 42%!important;
	}
	.menu_entreprise .wp-block-column:nth-child(2)
	{
		flex-basis: 10%!important;
		align-self: flex-end;
	}
	.menu_entreprise .wp-block-column:nth-child(3)
	{
		flex-basis: 12%!important;
		align-self: center;
	}
	.menu_entreprise #header-icons
	{
		order: 4;
		flex-basis: 23% !important;
		align-self: center;
		background: transparent;
		justify-content: flex-end;
		border: none;
	}
	.menu_entreprise .is-layout-constrained > .alignleft
	{
		float: none;
		text-align: center;
		margin-inline-end: 0;
	}
	/* Search icon*/
	.dgwt-wcas-ico-magnifier-handler
	{
		max-width: 40px!important;
	}
	.dgwt-wcas-search-icon
	{
		width:30px;
	}
	.dgwt-wcas-ico-magnifier-handler
	{
		margin-bottom: 0;
	}
	/* Search bar */
	html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-form
	{
		min-width: 100vw;
	}
	.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input
	{
		height: 55px;
		font-size: 16px;
	}
	.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before
	{
		top:20px;
	}
	/* Js Burger Icon */
	.woocommerce-page label.burger
	{
		margin-bottom: 0;
	}
	.burger-checkbox
	{
		position: absolute;
		visibility: hidden;
	}
	.burger
	{
		cursor: pointer;
		display: block;
		position: relative;
		border: none;
		background: transparent;
		width: 30px;
		height: 24px;
		margin: 0;
	}
	.burger::before, .burger::after
	{
		content: '';
		left: 0;
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		border-radius: 10px;
		background: #000;
	}
	.burger::before
	{
		top: 0;
		box-shadow: 0 11px 0 #000;
		transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
	}
	.burger::after
	{
		bottom: 0;
		transition: bottom .3s .15s, transform .3s;
	}
	.burger-checkbox:checked + .burger::before
	{
		top: 11px;
		transform: rotate(45deg);
		box-shadow: 0 6px 0 rgba(0,0,0,0);
		transition: box-shadow .15s, top .3s, transform .3s .15s;
	}
	.burger-checkbox:checked + .burger::after
	{
		bottom: 11px;
		transform: rotate(-45deg);
		transition: bottom .3s, transform .3s .15s;
	}
	.burger-checkbox:checked ~ nav.entreprise
	{
		transform: translateX(0);
	}
	/* Cart icon */
	.wc-block-mini-cart__button .wc-block-mini-cart__icon
	{
		width: 45px;
		height: 45px;
	}
	.wc-block-mini-cart__button
	{
		padding: 0;
	}
	/* Customer icon */
	.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon
	{
		height: 45px;
		width: 45px;
	}
	.wp-block-woocommerce-customer-account a
	{
		padding: 0;
	}
	/* Language icon */
	#header-icons p
	{
		display: none;
	}
	/* Menu niveau 1 (menu entreprise) */
	nav.entreprise
	{
		width: 300px;
		height:100vh;
		display: block;
		background: #fff;
		position: absolute;  left: 0;
		top: 105px;
		margin-top: 20px;
		transform: translateX(-100%);
		transition: .3s;
	}
	nav.entreprise ul
	{
		display:block;
	}
	nav.entreprise ul li
	{
		border-bottom: 1px solid #f0eeee;
	}
	nav.entreprise ul li a
	{
		font-size: 4vw;
		width: 100%;
		padding: 15px;
	}
	nav.entreprise ul li a:hover, nav.entreprise ul li:has(> button:hover) a
	{
		background-color: #f0eeee;
	}
	.trigger-megamenu
	{
		justify-content: space-between;
	}
	/* Menu niveau 2 (catégories et collections) */
	#mega-menu .wc-block-product-categories-list-item__image, #mega-menu .wc-block-product-categories-list--depth-1 /* Ne pas afficher les images et les sous-catégories dans le niveau 2 */
	{
		display: none;
	}
	#mega-menu .wc-block-product-categories-list--depth-0, .branded-menu nav ul
	{
		display: block;
		margin: 0;
	}
	.mega-list
	{
		transform: none !important;
	}
	.collections
	{
		display: flex !important;
		justify-content: space-between;
	}
	.branded-menu
	{
		display:block;
	}
	.branded-menu nav
	{
		margin: 0;
	}
	.branded-menu nav ul
	{
		padding: 0;
		max-height: 76vh;
		overflow-y: scroll;
	}
	.branded-menu nav ul li
	{
		border-bottom: 1px solid #f0eeee;
	}
	.branded-menu nav ul li button
	{
		display: none !important;
	}
	/* Menu niveau 3 (sous-catégories) */
	#subCatMenu
	{
		z-index: 1;
	}
	#subCatMenu ul
	{
    	padding: 0;
		margin: 0;
	}
	/* Ce qui s'applique à tous les menus */
	#mega-menu, .branded-menu, #subCatMenu
	{
		padding: 0 !important;
		max-width: 300px;
		position: absolute;
		background: #fff;
		width: 100%;
		height: 100vh;
		transform: translateX(-100%);
		transition: .3s;
	}
	.mega-list ul > li > a, #subCatMenu ul > li > a, .branded-menu nav ul > li > a
	{
		width: 100%;
		padding: 15px;
	}
	.mega-list ul > li > a:hover, #subCatMenu ul > li > a:hover, .branded-menu nav ul > li > a:hover
	{
		background-color: #f0eeee;
	}
	.mega-list ul > li > a > span, #subCatMenu ul > li > a > span, .branded-menu nav ul > li > a > span
	{
		font-family: 'Inter';
		font-size: 4vw;
		font-weight: 400;
		line-height: normal;
	}
	.main-cutom-title a span
	{
		font-weight: 800 !important;
	}
	.wc-block-product-categories-list-item /* Les lignes entre les éléments de menu */
	{
		margin: 0 !important;
		border-bottom: 1px solid #f0eeee;
	}
	.wp-block-navigation__container li a:hover span /* Pour pas que les menus soient surlignés en hover */
	{
		box-shadow: none;
	}
	.menu-mob-btn, .collections-mob-btn, .menu-mob-back /* Les boutons */
	{
		border:none;
		background: none;
		-webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
		font-size: 8vw;
        padding-right: 60%;
	}
	.menu-mob-btn /* Les boutons */
	{
		display: block !important;
        position: absolute;
        inset: 0;
		z-index: 3;
    }
	.menu-mob-back
	{
		height: 38px;
	}
	.menu-mob-back svg
	{
		height: 100%;
	}
}
/* #endregion */