@media (max-width: 1100px) {

    /*
     * Tutti i livelli di sottomenu rimangono nel flusso verticale
     * del menu mobile e vengono aperti tramite max-height.
     */
    .menu-canvas ul.menu li.mdf-dropdown-parent > ul.sub-menu,
    .menu-canvas ul.menu li.mdf-dropdown-parent > .sub-menu,
    li.mdf-dropdown-parent > ul.sub-menu,
    li.mdf-dropdown-parent > .sub-menu {
        display: block !important;
        max-height: 0 !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        pointer-events: auto !important;
        transition: max-height 0.35s ease !important;
        box-sizing: border-box !important;
    }

    .menu-canvas ul.menu li.mdf-dropdown-parent.mdf-submenu-open > ul.sub-menu,
    .menu-canvas ul.menu li.mdf-dropdown-parent.mdf-submenu-open > .sub-menu,
    li.mdf-dropdown-parent.mdf-submenu-open > ul.sub-menu,
    li.mdf-dropdown-parent.mdf-submenu-open > .sub-menu {
        display: block !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }

    .mdf-dropdown-parent {
        position: relative !important;
        height: auto !important;
        overflow: visible !important;
    }

    .mdf-dropdown-parent > a,
    .mdf-dropdown-parent > button.dropdown-toggle,
    .mdf-dropdown-parent > button.sub-menu-toggle {
        touch-action: manipulation;
    }

    .mdf-dropdown-parent > button.dropdown-toggle,
    .mdf-dropdown-parent > button.sub-menu-toggle {
        cursor: pointer !important;
        z-index: 2;
    }

    .mdf-dropdown-parent > button.dropdown-toggle::after,
    .mdf-dropdown-parent > button.sub-menu-toggle::after {
        transition: transform 0.2s ease !important;
    }

    .mdf-dropdown-parent.mdf-submenu-open > button.dropdown-toggle::after,
    .mdf-dropdown-parent.mdf-submenu-open > button.sub-menu-toggle::after {
        transform: rotate(180deg) !important;
    }

    .mdf-dropdown-parent > ul.sub-menu > li,
    .mdf-dropdown-parent > .sub-menu > li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }

    /*
     * Rientro visivo per distinguere i livelli annidati.
     */
    .menu-canvas ul.menu ul.sub-menu ul.sub-menu,
    .menu-canvas ul.menu .sub-menu .sub-menu {
        padding-left: 14px !important;
        box-sizing: border-box !important;
    }

    .menu-canvas ul.menu ul.sub-menu ul.sub-menu > li > a,
    .menu-canvas ul.menu .sub-menu .sub-menu > li > a {
        font-size: 0.95em;
    }
}