.eco-main-navigation {
    display: flex;
	gap: var(--wp--preset--spacing--70) 38px;
	padding-left: var(--wp--preset--spacing--50);
    margin: 0;
}

.eco-main-navigation li {
    text-align: start;
    list-style: none;
}

.eco-main-navigation .menu-item {
    font-size: var(--wp--preset--font-size--m);
	text-align: center;
}

.eco-main-navigation .menu-item > a {
    position: relative;
    color: var(--wp--preset--color--text-secondary);
}

.eco-main-navigation .menu-item > a:hover,
.eco-main-navigation .menu-item:hover > a {
    color: var(--wp--preset--color--primary);
}

.eco-main-navigation .menu-item.current_page_item > a,
.eco-main-navigation .menu-item.current-menu-item > a, 
.eco-main-navigation .menu-item.current-page-ancestor > a {
    font-weight: 700;
    color: var(--wp--preset--color--primary);
}

.eco-main-navigation .menu-item.current_page_item > a::after, 
.eco-main-navigation .menu-item.current-menu-item > a::after, 
.eco-main-navigation .menu-item.current-page-ancestor > a::after {
	content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    display: block;
	height: 4px;
	width: 32px;
	border-radius: 100px;
	background-color: var(--wp--preset--color--secondary);
    transform: translateX(-50%);
}

.eco-is-pro .eco-main-navigation .menu-item.current_page_item > a::after,
.eco-is-pro .eco-main-navigation .menu-item.current-menu-item > a::after,
.eco-is-pro .eco-main-navigation .menu-item.current-page-ancestor > a::after,
.page-template-page-professionnels .eco-main-navigation .menu-item.current_page_item > a::after,
.page-template-page-professionnels .eco-main-navigation .menu-item.current-menu-item > a::after,
.page-template-page-professionnels .eco-main-navigation .menu-item.current-page-ancestor > a::after,
.page-template-page-territoires-et-partenaires .eco-main-navigation .menu-item.current_page_item > a::after,
.page-template-page-territoires-et-partenaires .eco-main-navigation .menu-item.current-menu-item > a::after,
.page-template-page-territoires-et-partenaires .eco-main-navigation .menu-item.current-page-ancestor > a::after {
    background-color: var(--wp--preset--color--secondary-pro);
}

@media screen and (max-width: 1500px) {
    .eco-main-navigation {
        gap: var(--wp--preset--spacing--50) 18px;
    }
}

@media screen and (max-width: 1240px) {
    .eco-main-navigation {
        gap: var(--wp--preset--spacing--50) 10px;
        padding-left: 10px;
    }
}

@media screen and (max-width: 1024px) {
    #main-nav {
        padding: 0;
        overflow: scroll;
    }

    .menu-main-navigation-particuliers-container,
    .menu-main-navigation-professionnels-container,
    .menu-main-navigation-partenaires-container,
    .menu-menu-main-corpo-container,
    .menu-main-navigation-la-grande-collecte-container {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0;
        transition: background-color 0.2s ease-in-out;
        z-index: -1;
    }

    .menu-main-navigation-container--active {
        width: 100vw;
        height: 100vh;
        background-color: color-mix(in srgb, var(--wp--custom--color--neutral--600) 40%, #00000000);
        box-shadow: inset var(--wp--preset--shadow--light);
        position: absolute;
        z-index: 1;
        top: 80px;
    }

    .eco-main-navigation {
        flex-direction: column;
        align-items: flex-start;
        max-height: 0;
        padding: 0;
        background-color: var(--wp--preset--color--fond);
    /*     transition: max-height 0.3s ease-in-out; */
        overflow: hidden;
        width: 0;
        gap: 0;
    }

    .eco-main-navigation.eco-menu--open {
        max-height: 1000vh;
        padding: var(--wp--preset--spacing--50) 0;
        padding-bottom: 10rem!important;
    }

    .eco-main-navigation.eco-menu--open > .menu-item {
        border-top: 1px solid var(--wp--custom--color--neutral--200);
        padding: var(--wp--preset--spacing--50);
        width: calc(100vw - 2 * var(--wp--preset--spacing--50));
    }
    
    .eco-submenu__parent--active {
        background-color: var(--wp--custom--color--primary--050);
    }

    .eco-login-menu .eco-submenu__parent--active {
        background-color: transparent;
    }

    .eco-main-navigation .menu-item > a {
        position: relative;
        z-index: 30;
        width: 100%;
        display: inline-block;
        padding: 0;
    }

    .eco-main-navigation .menu-item.current_page_item > a::after,
    .eco-main-navigation .menu-item.current-menu-item > a::after, 
    .eco-main-navigation .menu-item.current-page-ancestor > a::after {
        display: none;
        /* left: 0;
        transform: translateX(0); */
    }

    .eco-main-navigation .menu-item {
        text-align: left;
    }

    .eco-main-navigation.eco-menu--open {
        width: 100vw;
    }
}