:root{
    --color-main-menu-depth-0: inherit;
    --color-main-menu-depth-0-hover: inherit;
}

.menu-contained-marlin {

 
    &.bg-white {
        .menu-item {
            &.depth-0 {
                &:not([class*="cta-"]):not(.lang-item) {
                    --color-main-menu-depth-0: #2c3945;
                }
            }
        }
    }
	
    #main-menu {
        li {
            /* @apply mr-12 relative cursor-pointer flex items-center; */
/*
            &:last-child {
                @apply mr-auto;
            } */

            /* &::before {
                content: "";
                height: 2px;
                @apply bottom-0 absolute left-0 bg-primary transition-all duration-300 w-0;
            } */
/*
            a {
                @apply cursor-pointer font-bold transition-all duration-300;
            } */

            .mega-menu {
                &.open {
                    @apply opacity-100 visible pointer-events-auto;
                }
            }

            &.is-active {
                &::before {
                    @apply w-full;
                }
            }

        }
    }

    .burger {
        .line {
            fill: none;
            stroke: currentColor;
            stroke-width: 6;
            transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
                stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
            &.top {
                stroke-dasharray: 60 207;
                stroke-width: 6;
            }
            &.center {
                stroke-dasharray: 60 60;
                stroke-width: 6;
            }
            &.bottom {
                stroke-dasharray: 60 207;
                stroke-width: 6;
            }
        }

        &.opened {
            .line {
                &.top {
                    stroke-dasharray: 90 207;
                    stroke-dashoffset: -134;
                    stroke-width: 6;
                }
                &.center {
                    stroke-dasharray: 1 60;
                    stroke-dashoffset: -30;
                    stroke-width: 6;
                }
                &.bottom {
                    stroke-dasharray: 90 207;
                    stroke-dashoffset: -134;
                    stroke-width: 6;
                }
            }
        }
    }

    .mega-menu {
        max-height: calc(100vh - 100px);
    }

    .mobile {
        &.open {
            @apply opacity-100 visible pointer-events-auto;
        }
    }

    #main-menu-mobile {
        ul {
            li {
                /* a {
                    @apply py-4 text-xl flex items-center justify-between;
                    i {
                        @apply transition-all duration-300 transform;
                    }
                } */

                &.open {
                    a {
                        i {
                            @apply transform rotate-180;
                        }
                    }

                    .mega-menu-mobile {
                        @apply block;
                    }
                }
            }
        }
    }

    &.scroll {
        @apply sticky top-0;
    }
}