/* MachNexus Category Menu Sync: Electro off-canvas multilevel accordion. */
.off-canvas-navigation.mncms-multilevel li.mncms-has-children {
    position: relative !important;
}

.off-canvas-navigation.mncms-multilevel li.mncms-has-children > a {
    display: block;
    padding-left: calc(30px + (var(--mncms-depth, 0) * 16px)) !important;
    padding-right: 52px !important;
}

.off-canvas-navigation.mncms-multilevel li.mncms-has-children > a::after,
.off-canvas-navigation.mncms-multilevel li.mncms-has-children::after {
    content: none !important;
    display: none !important;
}

.off-canvas-navigation.mncms-multilevel .mncms-submenu-toggle {
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 48px;
    height: 52px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    line-height: 1;
    text-align: center;
}

.off-canvas-navigation.mncms-multilevel .mncms-submenu-toggle span {
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    transform: rotate(0deg);
    transition: transform 0.18s ease;
}

.off-canvas-navigation.mncms-multilevel li.mncms-open > .mncms-submenu-toggle span {
    transform: rotate(90deg);
}

.off-canvas-navigation.mncms-multilevel li.mncms-has-children > ul {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: none !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.off-canvas-navigation.mncms-multilevel li.mncms-has-children.mncms-open > ul {
    display: block !important;
}

/* Keep deeper levels in the same vertical accordion instead of Electro's fly-out layout. */
.off-canvas-navigation.mncms-multilevel ul ul li > a {
    padding-left: calc(30px + (var(--mncms-depth, 1) * 16px)) !important;
}

.off-canvas-navigation.mncms-multilevel .mncms-submenu-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -4px;
}