/* Forcer l'affichage en colonnes dans WooCommerce Better Variations Premium */

.wcbvp-table-wrapper table {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px;
}

.wcbvp-table-wrapper table tr {
  flex: 0 0 30%; /* 3 colonnes */
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #f9f9f9;
}

.wcbvp-table-wrapper table tr td {
  text-align: center;
  padding: 5px;
}