/* OngVietPOS Fix295
   File import product autocomplete: vertical list, one option per row.
*/

.file-import-card .product-suggest-menu,
.file-import-card .combobox-menu.product-suggest-menu {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  grid-auto-flow: row !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 320px !important;

  white-space: normal !important;
  box-sizing: border-box !important;
}

.file-import-card .product-suggest-menu > button,
.file-import-card .combobox-menu.product-suggest-menu > button {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  position: static !important;
  float: none !important;
  clear: both !important;

  margin: 0 !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-align: left !important;
}

.file-import-card .product-suggest-menu > button + button,
.file-import-card .combobox-menu.product-suggest-menu > button + button {
  border-top: 1px solid #e2e8f0 !important;
}

.file-import-card .product-suggest-menu > button strong,
.file-import-card .combobox-menu.product-suggest-menu > button strong {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Row combobox in import table */
.file-import-card .import-product-combobox {
  min-width: 0 !important;
}

.file-import-card .import-product-combobox .product-suggest-menu {
  left: 0 !important;
  right: 0 !important;
}

/* Footer search uses openUp; keep vertical behavior there too. */
.file-import-card .file-import-product-search .product-suggest-menu {
  left: 0 !important;
  right: 0 !important;
}
