/* Mega menu style */

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

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

/* Font sizes */

/* Spacings */

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

/* Sub menu - First level */

@media (min-width: 1101px) {
    .mega-menu-item > .sub-menu > .menu-item {
        margin-left: unset;
        margin-right: unset;
    }

    header .menu .menu-item.menu-label {
        opacity: 0.4;
    }

    header .menu .menu-item.menu-label span {
        padding-bottom: var(--wp--preset--spacing--s);
        cursor: auto;
        display: block;
    }

    .sub-menu .menu-item a:hover {
        text-underline-position: under;
        text-decoration-skip-ink: none;
        cursor: pointer;
        text-decoration: underline;
    }

    .mega-menu .mega-menu-item > .sub-menu {
        padding: calc(var(--wp--preset--spacing--xl) / 2) var(--wp--preset--spacing--l);
    }

    .mega-menu-item.menu-item-has-children > .sub-menu {
        max-width: 100%;
    }

    .mega-menu .menu-item.mega-menu-column {
        max-width: calc(var(--wp--custom--maxwidth--default) / 3);
    }

    .mega-menu-item.menu-item-has-children .sub-menu:has(.mega-menu-column) {
        justify-content: center;
    }
}

/* Sub menu - Second level */

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

.mega-menu-mobile .mega-menu-back .submenu-heading {
    font-size: var(--wp--preset--font-size--m);
}

header .mega-menu-mobile .menu .menu-item a,
header .mega-menu-mobile .menu .menu-item span {
    padding: 0;
}

header .mega-menu-mobile .menu .menu-item.menu-label span {
    opacity: 0.4;
    display: block;
}

header .mega-menu-mobile .menu .menu-item a:hover {
    text-decoration: underline;
}

header .mega-menu-mobile .menu > .menu-item > a,
header .mega-menu-mobile .menu > .menu-item > span,
header .mega-menu-mobile .menu > .menu-item.menu-item-has-children > :is(a, span) {
    padding: 0;
}

header .mega-menu-mobile .menu > .menu-item > a:hover,
header .mega-menu-mobile .menu > .menu-item > span:hover,
header .mega-menu-mobile .menu > .menu-item.is-open > :is(a, span) {
    background-color: transparent;
    border-radius: 0;
}