/* <Topmenu /> — lm-topmenu-* convention; the dropdown chrome comes from
   the composed Contextmenu (contextmenu/style.css + modal/style.css) */
.lm-topmenu {
    outline: none;
}

.lm-topmenu-options {
    display: flex;
    font-size: 0.9em;
}

.lm-topmenu-title {
    cursor: pointer;
    padding: 4px 12px 4px 12px;
    border-radius: var(--lm-radius, 6px);
    user-select: none;
    margin: 8px 2px;
    white-space: nowrap;
}

.lm-topmenu-title:hover,
.lm-topmenu-title:focus {
    background-color: var(--lm-background-color-highlight, #ebebeb);
}

.lm-topmenu-title[data-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}

/* The open title: the gray fill alone marks it (the standard menubar
   look) — no outline; the dropdown right below is indication enough */
.lm-topmenu-title[data-selected="true"] {
    background-color: var(--lm-background-color-highlight, #ebebeb);
}