/* Verberg de native variaties-table alleen binnen onze wrapper */
.jbe-bundle .variations { display: none !important; }

/* Compacte grid van variatiekaarten (onder producttitel), zonder afbeeldingen */
.jbe-variation-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 16px;
}

.jbe-variation-card {
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
  border: 1px solid #e7e7e7; border-radius: 10px;
  padding: 8px; background: #fff;
  cursor: pointer;
  transition: box-shadow .2s ease, border-color .2s ease, transform .05s ease;
}
.jbe-variation-card:hover { border-color: #d7d7d7; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.jbe-variation-card:focus { outline: none; }
.jbe-variation-card:active { transform: translateY(1px); }

.jbe-variation-card.is-active {
  border-color: #c9c9c9;
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
}

.jbe-variation-card.is-disabled { opacity: .55; cursor: not-allowed; }

/* Titel compact: eerste 2 woorden op regel 1, pack op regel 2 */
.jbe-variation-card__title { margin-top:2px; line-height:1.15; text-align:center; }
.jbe-variation-card__title--base { display:block; font-size:.9rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.jbe-variation-card__title--pack { display:block; font-size:.84rem; opacity:.85; }

/* Prijs-stack: reguliere prijs op regel 1 (doorhalen), actieprijs op regel 2 */
.jbe-variation-card__price { margin-top:4px; }
.jbe-variation-card__price .price-stack { display:flex; flex-direction:column; align-items:center; line-height:1.1; }
.jbe-variation-card__price .price-regular { font-size:.82rem; text-decoration:line-through; opacity:.75; }
.jbe-variation-card__price .price-sale { font-size:.9rem; font-weight:700; }
.jbe-variation-card__price .price-current { font-size:.9rem; font-weight:600; }

/* Legend onder de winkelmandknop, links uitgelijnd */
.qty-legend {
  display:block;
  text-align:left;
  margin-top:12px !important;
  font-size:.9rem;
  opacity:.85;
}

/* Label boven de Woo variatieprijs */
.single_variation .jbe-total-price-label {
  display:block;
  text-align:left;
  margin-bottom:2px;
  font-size:.82rem;
  opacity:.7;
}
