/*
 * La carte + l'accordéon (.woooptions-group / .woooptions-group-label) viennent déjà du
 * thème (src/styles/pages/_single-product.scss). On ne complète ici que ce que le thème
 * ne connaît pas : la mise en page des deux champs et le repli/dépli de la description
 * (un <p>, pas un <label>, donc pas couvert par la règle "label { display:none }" du thème).
 */

/* écrase le margin-top:6rem du thème pour notre carte (déjà espacée par ce qui précède) */
form.cart .woodimensions .woooptions-group.woodimensions-group {
  margin-top: 0;
  margin-bottom: 6rem;
}

form.cart .woodimensions-field-label {
  display: inline-block;
  min-width: 140px;
  vertical-align: middle;
}

form.cart .woodimensions-input {
  display: inline-block;
  width: auto;
  max-width: 160px;
  vertical-align: middle;
}

form.cart .woodimensions-group-description {
  display: none;
  margin: 0;
  padding: 1.1rem 4.5rem 0;
}

form.cart .woooptions-group-label.active ~ .woodimensions-group-description {
  display: block;
}

form.cart .woodimensions-input:invalid.woodimensions-touched {
  border-color: #de455a;
}