/**
 * Native Context Menu Styles - Replacement for native-context-menu.css
 * Styled to match jquery-contextmenu v2.9.0 design
 */

.context-menu-list {
    position: absolute;
    display: inline-block;
    min-width: 13em;
    max-width: 26em;
    padding: .25em 0;
    margin: .3em;
    font-family: inherit;
    font-size: inherit;
    list-style-type: none;
    background: #fff;
    border: 1px solid #bebebe;
    border-radius: .2em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    z-index: 1000;
}

.context-menu-item {
    position: relative;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    padding: .2em 2em;
    color: #2f2f2f;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background-color: #fff;
}

.context-menu-item:hover,
.context-menu-item.context-menu-hover {
    color: #fff;
    background-color: #2980b9;
}

.context-menu-item:active {
    color: #fff;
    background-color: #2980b9;
}

.context-menu-separator {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
}

.context-menu-submenu {
    position: relative;
}

.context-menu-submenu::after {
    content: '';
    position: absolute;
    top: 50%;
    right: .5em;
    z-index: 1;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #2f2f2f;
    border-style: solid;
    border-width: .25em 0 .25em .25em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.context-menu-submenu-list {
    position: absolute;
    top: -.25em;
    left: 100%;
    right: auto;
    display: none;
    min-width: 13em;
    max-width: 26em;
    padding: .25em 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    list-style-type: none;
    background: #fff;
    border: 1px solid #bebebe;
    border-radius: .2em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    z-index: 1001;
}

.contextmenu-extender {
    /* Additional styling for extended context menus */
}

/* Disabled state */
.context-menu-item.disabled,
.context-menu-item.context-menu-disabled {
    color: #bbb;
    cursor: default;
    background-color: #fff;
}

.context-menu-item.disabled:hover,
.context-menu-item.context-menu-disabled:hover {
    color: #bbb;
    background-color: #fff;
}

/* Icon support (if needed in the future) */
.context-menu-item .context-menu-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
}

.context-menu-accesskey {
    text-decoration: underline;
}