.sunstreaker-fields{
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: var(--btx-radius);
}
.sunstreaker-field{
  margin: 0 0 12px 0;
}
.sunstreaker-field label{
  display: block;
  font-weight: 600;
  margin: 0 0 6px 0;
}
.sunstreaker-note{
  margin: 0 0 10px 0;
}
.single-product form.cart .sunstreaker-field .sunstreaker-text-input{
  appearance: textfield;
  -moz-appearance: textfield;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: var(--btx-radius);
  padding: 10px 12px;
  font-size: 16px;
  line-height: 1.2;
  width: auto;
  max-width: 100%;
  text-align: left;
}
.single-product form.cart .sunstreaker-field .sunstreaker-text-input:focus{
  outline: 2px solid var(--accent-color, #ffc107);
  border-color: var(--accent-color, #ffc107);
}

/* Keep Sunstreaker cart meta values on the same line as their labels. */
.woocommerce td.product-name dl.variation dt.variation-Name,
.woocommerce td.product-name dl.variation dd.variation-Name,
.woocommerce td.product-name dl.variation dt.variation-Number,
.woocommerce td.product-name dl.variation dd.variation-Number{
  float: none;
  display: inline;
  margin: 0;
}
.woocommerce td.product-name dl.variation dd.variation-Name p,
.woocommerce td.product-name dl.variation dd.variation-Number p{
  display: inline;
  margin: 0;
}
.woocommerce td.product-name dl.variation dd.variation-Name::after,
.woocommerce td.product-name dl.variation dd.variation-Number::after{
  content: "\A";
  white-space: pre;
}