/*Responsive à faire dans wp-content/themes/bwa/assets/css/menu/menu-responsive.css*/


/*
--------------------------------------
Menu
--------------------------------------
*/

.navigation-container {
	position: relative;
}

.navigation-container li.menu-item-has-children:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 8px;
	bottom: 0;
	left: 0;
	visibility: hidden;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
}

.navigation-wrapper .menu-link {
	position: relative;
	display: inline-block;
	font-family: "Urbanist", sans-serif;
	font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	color: #FFFCF6;
	transition: all 0.35s ease-in-out;
	letter-spacing: 0.075em;
	text-decoration: none;
}

.navigation-wrapper .menu-link::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: var(--e-global-color-primary);
	border-radius: 50px;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.2s ease-in-out;
}

.navigation-wrapper .menu-link:hover::before {
	transform: scaleX(1);
}

.navigation-wrapper .menu-link:hover {
	color: #FFFCF6;
}

.main-header-container--is-fixed .navigation-wrapper .menu-link {
	color: var(--e-global-color-primary);
}

.main-header-container--is-fixed .navigation-wrapper .menu-link:hover {
	color: var(--e-global-color-primary);
}

/*Submenu*/

.navigation-container li.menu-item-has-children > .menu-link:after {
	position: relative;
	top: -.2em;
	content: '';
	display: inline-block;
	transform: rotate(45deg);
	transition: all 0.35s ease-in-out;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	width: .5em;
	height: .5em;
	margin-left: 8px;
}

.main-header-container--is-fixed .navigation-container li.menu-item-has-children > .menu-link:after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}


.navigation-container li.menu-item--highlighted > .menu-link:after,
.navigation-container li.menu-item-has-children:hover > .menu-link:after {
	border-bottom: 2px solid var(--e-global-color-primary) !important;
	border-right: 2px solid var(--e-global-color-primary) !important;
}

.navigation-container .sub-menu .ast-icon.icon-arrow {
	display: none;
}


.navigation-container .sub-menu {
	width: max-content !important;
	padding: 0;
}

.navigation-container .sub-menu .menu-link {
	position: relative;
	display: block;
	z-index: 15;
	color: var(--e-global-color-primary);
	text-transform: none !important;
	white-space: nowrap;
	text-decoration: none;
	transition: color 0.3s ease;
}

.navigation-container .sub-menu .menu-link::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: var(--e-global-color-primary);
	border-radius: 50px;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.2s linear;
}


.navigation-container .sub-menu .menu-link:hover::before {
	transform: scaleX(1);
}