/* Mega menu style */

/* Show / Hide menu
========================================================================== */

@media (min-width: 1101px) {
    .mega-menu {
        display: block;
    }

    #toggle-hamburger {
        display: none;
    }

    .mega-menu-mobile {
        display: none;
    }

    /* Overlay */
    .mega-menu-overlay-desktop {
        opacity: 0;
        pointer-events: none;
    }
}

@media (max-width: 1100px) {
    .mega-menu {
        display: none;
    }

    #toggle-hamburger {
        display: flex;
    }

    .mega-menu-mobile {
        display: block;
    }

    /* Overlay */
    .mega-menu-overlay-mobile {
        top: 0;
        opacity: 1;
    }
}

/* Utility classes
========================================================================== */

/* Font sizes */
.menu-item-text-size-small > span,
.menu-item-text-size-small > a {
    font-size: var(--wp--preset--font-size--s);
}

/* Spacings */

/* Desktop menu
========================================================================== */

.mega-menu {
    gap: var(--wp--preset--spacing--m);
}

.mega-menu .mega-menu-item > a {
    color: var(--wp--preset--color--neutral-1);
}

/* Sub menu - First level */
.mega-menu .mega-menu-item.unset-mega-menu > .sub-menu {
    line-height: normal;
}

.mega-menu .mega-menu-item.unset-mega-menu > .sub-menu {
    display: flex;
    flex-direction: column;
    gap: var(--wp--preset--spacing--s);
    box-shadow: none;
}

.mega-menu .menu-item-arrow > a {
    padding-bottom: 0 !important;
    position: relative;
    display: inline-block;
}

.mega-menu .menu-item-arrow > a::after {
    content: "";
    background: url(../images/icon-arrow.svg) no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: var(--wp--preset--spacing--xxs);
}

/* Sub menu - Second level */
.mega-menu .sub-menu .sub-menu .menu-item-has-children .menu-item {
    color: var(--wp--preset--color--neutral-1);
}

.mega-menu .sub-menu .sub-menu .menu-item-has-children .menu-item > a {
    font-size: var(--wp--preset--font-size--s);
    line-height: normal;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    display: inline-block;
}

/* Mobile menu
========================================================================== */