/**
 * Product-card variant selector styling. Compact inline rows (label + select on
 * one line) that sit on the miniature card between the price and the add-to-cart
 * button. Each <select> inherits the theme's dark form-control styling.
 */

.moshammer-cart-combo--card {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.4rem 0 0.2rem;
  text-align: left;
}

/* Each attribute is a tight single row: fixed-width label + select filling the rest. */
.moshammer-cart-combo--card .moshammer-cart-combo__group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.moshammer-cart-combo--card .moshammer-cart-combo__label {
  flex: 0 0 3.25rem;
  margin: 0;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  /* The product miniature cards are LIGHT, so the theme's `--moshammer-text-muted`
     (#c4c4c4, meant for dark surfaces) is near-invisible here. Match the card's
     near-black title / price colour (#181b1c = --moshammer-surface). */
  color: #181b1c;
}

.moshammer-cart-combo--card .moshammer-cart-combo__select {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  padding: 0.2rem 1.5rem 0.2rem 0.45rem;
  font-size: 0.8125rem;
  line-height: 1.25;
  background-position: right 0.4rem center;
  background-size: 0.7rem;
}

/* Category listing cards are the minimal CE-match grid (image + title only —
   price / add-to-cart / quickview hidden), so a variant selector there has no
   buy button to drive; hide it. Featured / related / search / best-sales cards
   keep their add-to-cart, so the selector stays there. */
body#category .moshammer-cart-combo--card {
  display: none;
}