/* Stack variation label above its value/swatch area */
table.variations,
table.variations tbody,
table.variations tr {
  display: block;
  width: 100%;
}

table.variations td.label,
table.variations td.value {
  display: block;
  width: 100%;
  padding: 0;
}

table.variations td.label label {
  display: block;
}

/* Specific Divi child styles for variation swatches */
#content-area table.variations th,
#content-area table.variations tr {
  padding: 0;
}

.cws-attr { 
  display: flex; 
  flex-wrap: wrap; 
  gap: .5rem; 
}

.cws-swatch {
  border: 1px solid #ddd;
  padding: .75rem 1rem;
  min-width: 4rem;
  border-radius: .25rem;
  background: #fff;
  cursor: pointer;
  line-height: 1;
  transition: box-shadow .15s, transform .02s;
  font-size: 16px
}

.cws-swatch:hover { 
  box-shadow: 0 0 0 2px rgba(0,0,0,.05) inset; 
}

.cws-swatch.is-selected { 
  border-color: #222; 
  box-shadow: 0 0 0 2px #222 inset; 
}

.cws-swatch.is-disabled, 
.cws-swatch:disabled { 
  opacity: .45; 
  cursor: not-allowed; 
  text-decoration: line-through; 
}