/**
 * @file jdmenubar css library.
 * @copyright Joel Midstjärna 2021
 */

#menu-bar {
	background-color:#79B82C;
	background: linear-gradient(90deg, #79B82C 50%, #ACF256 100%);
	
}

:root {
    --jdmenu-bg-color: #EBEAEC;
    --jdmenu-border-color: rgb(200,200,200);
    --jdmenu-focus-color: #79B82C;
    --jdmenu-shortcut-color:rgb(100,100,100); /* Also for disabled items */
    --jdmenu-font-size: 12px;
    --jdmenu-font-color: rgb(0,0,0);;
}

.jdmenu-bar {
    background-color: var(--jdmenu-bg-color);
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color:#fff;
    user-select: none;
}

.jdmenu-submenu {
	transition: all .2s;
	color:#333;
	box-shadow:0 5px 15px #ABC5E6;
}

.jdmenu-item {
    display: flex;
    align-items : center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:3px;
    padding-bottom:3px;

}

.jdmenu-item:hover {
transition: all .2s;
    background-color: #4B7F0A;
    cursor: default;
    color:#fff;
}

.jdmenu-item-disabled {
    color: var(--jdmenu-shortcut-color);
    background-color: var(--jdmenu-bg-color);
}

.jdmenu-item-disabled:hover {
    background-color: var(--jdmenu-bg-color);
    color:#ccc;
    cursor: not-allowed;
}

.jdmenu-bar > .jdmenu-item {
    display: inline-block;
}

.jdmenu-submenu {
    display: none;
    position: fixed;
    z-index: 5;
    background-color: var(--jdmenu-bg-color);
    border-color: var(--jdmenu-border-color);
    border-width: 1px;
    border-style: solid;
}

.jdmenu-submenu hr {
    border-top: 1px solid var(--jdmenu-border-color);
}

.jdmenu-item > span:nth-child(1) {
    margin-left: 0;
    width: calc(var(--jdmenu-font-size) * 1.66);
    font-size: calc(var(--jdmenu-font-size) * 1);
}

.jdmenu-item > span:nth-child(2) {
    padding-right: 20px;
}

.jdmenu-item > span:nth-child(3) {
    margin-left: auto;
    color: var(--jdmenu-shortcut-color);
}

.jdmenu-submenu-symbol {
    font-size: calc(var(--jdmenu-font-size) * 1);
}