/**
 * Custom Add to Cart Form Styling
 */

.uc-commerce-custom-add-to-cart {
  margin: 1em 0;
}

.uc-commerce-custom-add-to-cart .form-item {
  margin-bottom: 1em;
}

.uc-commerce-custom-add-to-cart select,
.uc-commerce-custom-add-to-cart input[type="number"],
.uc-commerce-custom-add-to-cart input[type="text"] {
  max-width: 300px;
  width: 100%;
}

.uc-commerce-custom-add-to-cart .form-actions {
  margin-top: 1em;
}

.uc-commerce-custom-add-to-cart .ajax-progress {
  display: inline-block;
  margin-left: 1em;
}

/* Responsive styling */
@media (max-width: 768px) {

  .uc-commerce-custom-add-to-cart select,
  .uc-commerce-custom-add-to-cart input[type="number"] .uc-commerce-custom-add-to-cart input[type="text"] {
    max-width: 100%;
  }
}

/* Product Kit Fieldsets - Match D7 Style */
.kit-product-fieldset {
  border: 2px groove rgb(240, 240, 240);
  border-image: none 100% / 1 / 0 stretch;
  padding: 20px 45px;
}

.uc-commerce-custom-add-to-cart .js-form-type-number label,
.uc-commerce-migrate-product-kit-add-to-cart-form .js-form-type-number label,
.uc-commerce-custom-add-to-cart .js-form-type-select label,
.kit-product-fieldset .fieldset-wrapper label {
  margin: 0;
}

.uc-commerce-custom-add-to-cart .js-form-type-select .form-select,
.kit-product-fieldset .fieldset-wrapper .form-select {
  width: auto;
  display: inline-block;
  align-items: center;
  appearance: auto;
  box-sizing: border-box;
  cursor: default;
  user-select: auto;
  margin: 0;
  padding: 0;

  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  font: normal 400 16px/normal Calibri, Arial, Helvetica, sans-serif;

  border: 0.666667px solid rgb(118, 118, 118);
  border-radius: 2px;

  /* Border-image shorthand */
  border-image: none 100% / 1 / 0 stretch;

  text-align: start;
  text-transform: none;
  white-space: nowrap;
  overflow: visible;
  background-image: none;
}

.uc-commerce-custom-add-to-cart .js-form-type-number input[type="number"],
.uc-commerce-migrate-product-kit-add-to-cart-form .js-form-type-number input[type="number"],
.uc-commerce-custom-add-to-cart input[type="text"],
.kit-product-fieldset .fieldset-wrapper input[type="text"] {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  /* or fixed width */
  padding: 4px 6px;
  margin: 0;

  font: 400 16px/1.4 Calibri, Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #fff;

  border: 1px solid #767676;
  /* override UA inset border */
  border-radius: 2px;
  /* add if you want rounded corners */
  appearance: none;
  /* removes OS-specific styling */
  height: 1.7rem;
}

.kit-product-fieldset legend {
  float: none;
  width: auto;
  margin: 0;
  font-size: inherit;
  padding: 0 6px;
}

.kit-product-fieldset .fieldset-wrapper {
  padding-top: 0.5em;
}

.uc-commerce-migrate-product-kit-add-to-cart-form input[type="number"],
.uc-commerce-migrate-product-kit-add-to-cart-form input[type="text"] {
  max-width: 300px;
  width: 100%;
}

.uc-commerce-migrate-product-kit-add-to-cart-form .form-actions input {
  width: auto;
}

.kit-product-fieldset .js-form-item {
  margin-bottom: 1rem;
}

.kit-product-fieldset .form-item:last-child {
  margin-bottom: 0;
}

/* Make the legend look more like D7 */
.kit-product-fieldset legend .fieldset-legend {
  display: inline-block;
}

.uc-commerce-custom-add-to-cart .description {
  display: block;
  margin-top: 5px;
}