/* Minimal, theme-friendly styles for Quick Order (Lite) */
.wp-block-kommercekit-wholesale-quick-order-lite {
  overflow-x: auto; /* allow horizontal scroll on small screens */
}

.wp-block-kommercekit-wholesale-quick-order-lite table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px; /* keep columns readable; container scrolls if needed */
}

.wp-block-kommercekit-wholesale-quick-order-lite th,
.wp-block-kommercekit-wholesale-quick-order-lite td {
  padding: 8px 10px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.wp-block-kommercekit-wholesale-quick-order-lite thead th {
  text-align: left;
  font-weight: 600;
}

.wp-block-kommercekit-wholesale-quick-order-lite tbody tr:nth-child(odd) {
  background: rgba(0,0,0,0.02);
}

.wp-block-kommercekit-wholesale-quick-order-lite td.is-numeric,
.wp-block-kommercekit-wholesale-quick-order-lite th.is-numeric {
  text-align: right;
}

.wp-block-kommercekit-wholesale-quick-order-lite .wsk-thumb {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 2px;
  background: #f0f0f0;
  display: block;
}

/* Ensure dual price markup renders clearly in the price column */
.wp-block-kommercekit-wholesale-quick-order-lite .wsk-price-retail {
  text-decoration: line-through;
  opacity: 0.75;
}
.wp-block-kommercekit-wholesale-quick-order-lite .wsk-price-wholesale {
  font-weight: 600;
}

.wp-block-kommercekit-wholesale-quick-order-lite input[type="number"],
.wp-block-kommercekit-wholesale-quick-order-lite .components-text-control__input[type="number"] {
  width: 80px;
}

/* Center the inline access notice for guests */
.wp-block-kommercekit-wholesale-quick-order-lite .wsk-quick-order-access-notice {
  text-align: center;
  margin: 1em 0;
}

/* Ensure Search Products label is visible above the input (WP components) */
.wp-block-kommercekit-wholesale-quick-order-lite .components-base-control__field,
.wp-block-kommercekit-wholesale-quick-order-lite .components-input-control__container {
  overflow: visible; /* prevent label clipping when focusing */
}
.wp-block-kommercekit-wholesale-quick-order-lite .components-base-control__label,
.wp-block-kommercekit-wholesale-quick-order-lite .components-input-control__label {
  display: block;
  margin: 0 0 6px;
  line-height: 1.2;
}

/* MUI TextField label (our adapter) — prevent clipping when focused */
.wp-block-kommercekit-wholesale-quick-order-lite .MuiFormControl-root,
.wp-block-kommercekit-wholesale-quick-order-lite .MuiOutlinedInput-root,
.wp-block-kommercekit-wholesale-quick-order-lite .MuiInputBase-root,
.wp-block-kommercekit-wholesale-quick-order-lite .MuiInputLabel-root {
  overflow: visible;
}
.wp-block-kommercekit-wholesale-quick-order-lite .MuiInputLabel-shrink {
  transform: translate(14px, -4px) scale(0.75) !important; /* nudge down a bit so it isn't cut */
}

/* Compact density variant (via .is-compact or core style .is-style-compact) */
.wp-block-kommercekit-wholesale-quick-order-lite.is-compact table,
.wp-block-kommercekit-wholesale-quick-order-lite.is-style-compact table {
  min-width: 640px;
}
.wp-block-kommercekit-wholesale-quick-order-lite.is-compact th,
.wp-block-kommercekit-wholesale-quick-order-lite.is-compact td,
.wp-block-kommercekit-wholesale-quick-order-lite.is-style-compact th,
.wp-block-kommercekit-wholesale-quick-order-lite.is-style-compact td {
  padding: 6px 8px;
}
.wp-block-kommercekit-wholesale-quick-order-lite.is-compact input[type="number"],
.wp-block-kommercekit-wholesale-quick-order-lite.is-compact .components-text-control__input[type="number"],
.wp-block-kommercekit-wholesale-quick-order-lite.is-style-compact input[type="number"],
.wp-block-kommercekit-wholesale-quick-order-lite.is-style-compact .components-text-control__input[type="number"] {
  width: 64px;
}

@media (max-width: 600px) {
  .wp-block-kommercekit-wholesale-quick-order-lite table {
    min-width: 600px;
  }
  .wp-block-kommercekit-wholesale-quick-order-lite input[type="number"],
  .wp-block-kommercekit-wholesale-quick-order-lite .components-text-control__input[type="number"] {
    width: 64px;
  }
}