/*********
 * Menus *
 *********/

menubar,
.menubar {
    -GtkWidget-window-dragging: true;
    padding: 2px;
    background-color: @tooltip_bg_color;
}
menubar > menuitem,
.menubar > menuitem {
    transition: all 0.1s cubic-bezier(0, 0, 0.2, 1), color 0;
    min-height: 8px;
    padding: 2px 8px;
    color: @selected_fg_color;
}
menubar > menuitem:hover,
.menubar > menuitem:hover {
    background-color: @selected_bg_color;
    color: @selected_fg_color;
}
menubar > menuitem:disabled,
.menubar > menuitem:disabled {
    color: rgba(0, 0, 0, 0.24);
}
menu,
.menu {
    margin: 2px 0;
    padding: 2px 0;
    background-color: @tooltip_bg_color;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.csd menu,
.csd .menu {
    border: none;
    border-radius: 2px;
}
menu menuitem,
.menu menuitem {
    min-height: 10px;
    min-width: 40px;
    padding: 4px 4px;
    font: initial;
    text-shadow: none;
}
menu menuitem:hover,
.menu menuitem:hover {
    background-color: @selected_bg_color;
    color: @selected_fg_color;
}
menu menuitem:disabled,
.menu menuitem:disabled {
    color: rgba(0, 0, 0, 0.32);
}
menu menuitem arrow,
.menu menuitem arrow {
    min-height: 16px;
    min-width: 16px;
}
menu menuitem arrow:dir(ltr),
.menu menuitem arrow:dir(ltr) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
    margin-left: 8px;
}
menu menuitem arrow:dir(rtl),
.menu menuitem arrow:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
    margin-right: 8px;
}
menu > arrow,
.menu > arrow {
    min-height: 16px;
    min-width: 16px;
    padding: 4px;
    border-radius: 0;
    background-color: @tooltip_bg_color;
    color: rgba(0, 0, 0, 0.6);
}
menu > arrow.top,
.menu > arrow.top {
    margin-top: -4px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
}
menu > arrow.bottom,
.menu > arrow.bottom {
    margin-bottom: -4px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
}
menu > arrow:hover,
.menu > arrow:hover {
    background-image: image(alpha(currentColor, 0.15));
    color: rgba(0, 0, 0, 0.8);
}
menu > arrow:disabled,
.menu > arrow:disabled {
    border-color: transparent;
    background-color: transparent;
    color: transparent;
}
menu separator,
.menu separator {
    margin: 2px 0;
	border-top: 1px solid mix(@theme_bg_color, @theme_fg_color, 0.01);
    background-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
}
menuitem accelerator {
    color: alpha(currentColor, 0.6);
}

menu menuitem check:dir(ltr),
menu menuitem radio:dir(ltr) {
	margin-right: 10px;
    padding: 8px;
}

menu menuitem check:dir(rtl),
menu menuitem radio:dir(rtl) {
	margin-left: 10px;
    padding: 8px;
}

csd.popup {
    border-radius: 2px;
}