@import '../../mixins', '../../includes', '../../variables';

@if ($mm_include_dropdown) {
    .mm-menu_dropdown {
        box-shadow: $mm_dropdownShadow;
        height: percentage($mm_menuHeight);
    }

    .mm-wrapper_dropdown {
        .mm-slideout {
            transform: none !important;
            z-index: 0;
        }

        @if ($mm_include_offcanvas_blocker) {
            .mm-wrapper__blocker {
                transition-delay: 0s !important;
                z-index: 1;
            }
        }

        .mm-menu_dropdown {
            z-index: 2;
        }

        &.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
            display: none;
        }
    }
}

//	Tip
@if ($mm_include_dropdown_tip) {
    .mm-menu_tip {
        &-left,
        &-right,
        &-top,
        &-bottom {
            &:before {
                content: '';
                background: inherit;
                box-shadow: $mm_dropdownShadow;

                display: block;
                width: 15px;
                height: 15px;

                position: absolute;
                z-index: -1;

                transform: rotate(45deg);
            }
        }

        &-left:before {
            left: 2 + $mm_dropdownTipX;
        }

        &-right:before {
            right: 2 + $mm_dropdownTipX;
        }

        &-top:before {
            top: 2 - $mm_dropdownTipY;
        }

        &-bottom:before {
            bottom: 2 - $mm_dropdownTipY;
        }
    }
}