/* inventory_menu.css — IT64: left-click inventory context menu.
 *
 * Small floating menu positioned at the cursor when an inventory cell is
 * left-clicked. Theme-aware (inherits --bg / --fg / --border / --accent like
 * the rest of the Ultrastation UI). Sits above the item tooltip (z 9999).
 */

.inventory-menu {
  position: fixed;
  z-index: 10000;
  min-width: 140px;
  max-width: 220px;
  padding: 4px;
  background: var(--bg, #0d1525);
  color: var(--fg, #e6e6e6);
  border: 1px solid var(--border, #2a3550);
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6);
  font-size: 0.8rem;
  line-height: 1.3;
  user-select: none;
}

.inventory-menu.hidden {
  display: none;
}

.inventory-menu-title {
  padding: 4px 8px 6px;
  margin-bottom: 2px;
  color: var(--accent, #cba135);
  font-weight: 600;
  font-size: 0.78rem;
  border-bottom: 1px solid var(--border, #2a3550);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inventory-menu-item {
  display: block;
  width: 100%;
  padding: 6px 8px;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: var(--fg, #e6e6e6);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.12s ease, color 0.12s ease;
}

.inventory-menu-item:hover,
.inventory-menu-item:focus {
  background: var(--accent, #cba135);
  color: var(--bg, #0d1525);
  outline: none;
}

/* Respect reduced-motion: drop the hover/focus colour transition. */
@media (prefers-reduced-motion: reduce) {
  .inventory-menu-item {
    transition: none;
  }
}