// Kompaktní výběr z nabídky podniku v tabulce skupinové objednávky
.menu-hint-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 200px;

  .select-search-container {
    // Barvy knihovny napojené na témata aplikace (jinak bílé pozadí i v tmavém režimu)
    --select-search-background: var(--luncher-bg-card);
    --select-search-border: var(--luncher-border);
    --select-search-text: var(--luncher-text);
    --select-search-subtle-text: var(--luncher-text-muted);
    --select-search-highlight: var(--luncher-bg-hover);
    --select-search-selected: var(--luncher-primary);
    --select-search-inverted-text: #fff;
    --select-search-font: inherit;
    width: 100%;
    margin: 0;
    position: relative;

    .select-search-input {
      height: 32px;
      padding: 0 12px;
      font-size: 0.85rem;
      border-width: 1px;
      background: var(--luncher-bg);
      color: var(--luncher-text);
    }

    // Seznam přes okraje tabulky/karty (jinak by ho karta ořízla)
    .select-search-select {
      position: absolute;
      z-index: 20;
      left: 0;
      min-width: 320px;
      max-height: 320px;
      overflow-y: auto;
    }

    .select-search-options, .select-search-group ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .select-search-option {
      height: auto;
      padding: 6px 12px;
      font-size: 0.85rem;
      background: transparent;
      color: var(--luncher-text);
      text-align: left;
    }

    // Jídlo na limitu kusů — nejde přidat
    .select-search-option:disabled {
      opacity: 0.45;
      cursor: not-allowed;
    }

    .select-search-group-header {
      padding: 4px 12px;
      font-size: 0.7rem;
    }
  }

  .menu-hint-items {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 2px;
  }

  .menu-hint-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 4px 1px 8px;
    border-radius: 999px;
    background: var(--luncher-bg-hover);
    border: 1px solid var(--luncher-border);
    font-size: 0.75rem;
    line-height: 1.4;

    small {
      color: var(--luncher-text-muted);
    }

    button {
      border: none;
      background: none;
      padding: 0 4px;
      color: var(--luncher-text-muted);
      font-weight: 700;
      line-height: 1;

      &:hover {
        color: var(--luncher-danger);
      }
    }
  }

  .menu-hint-price {
    cursor: help;
  }

  .menu-hint-use {
    margin-left: 6px;
    padding: 0;
    border: none;
    background: none;
    color: var(--luncher-primary);
    font-weight: 700;
    text-decoration: underline;
  }
}