.contextmenu-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
}

/* Main and nested menus */
.contextmenu,
.submenu {
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    padding: .25rem 0;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    min-width: 130px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity .15s ease-out, transform .15s ease-out;
}

    .contextmenu.show,
    .submenu.show {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

/* items */
.dropdown-item {
    padding: .35rem 1rem;    /*padding: .6rem 1rem;  slightly bigger for taps */
    cursor: pointer;
    white-space: nowrap;
    user-select: none; /* prevent text selection on tap */
}

    .dropdown-item.disabled {
        cursor: default;
        opacity: .5;
    }

/* Submenu positioning */
.submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 4000;
}

    .submenu.left {
        right: 100%;
        left: auto;
    }

/* Arrow */
.dropdown-submenu {
    position: relative;
    padding-right: 20px;
}

    .dropdown-submenu::after {
        content: "›";
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
    }
.dropdown-divider {
    margin: 0.25rem 0;
    border-top: 1px solid rgba(0,0,0,.15);
    cursor: default;
}