/* -------------------------------------------
    Collapsible Menu
---------------------------------------------- */

@import '../config';
@import '../mixins';
@import '../direction';

.menu.collapsible-menu {
    display: block;

    >.menu-item {
        margin-#{$right}: 0;
    }

    .menu-item-has-children {

        &::after,
        >a::after {
            content: none;
        }

        li {
            padding: side-values(0 0 0 .7rem);
        }
    }

    li>ul {
        display: none;
        position: static;
        visibility: visible;
        opacity: 1;
        min-width: 0;
        transform: none;
        background: transparent;
        box-shadow: none;
    }

    ul {
        max-width: 100%;
        padding: 0;
    }
}

.collapsible-menu .toggle-btn:before {
    font-size: .7em;
    transform: rotate(90deg);
}