/* Apply width only to the cart page's quantity input */
body.woocommerce-cart .quantity[data-type=type-2] {
    width: 100px !important; /* or any width you prefer */
}

@media (min-width: 1000px) {
  .ct-woocommerce-cart-form {
    grid-template-columns: 3fr 1fr !important;
  }
}

.update-cart-button {
  width: 100px;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (max-width: 1325px) {
  .update-cart-button {
    vertical-align: text-top;
  }

  .product-mobile-actions .quantity[data-type="type-2"] {
      flex-direction: column; /* Stack elements vertically on smaller screens */
      align-items: flex-start; /* Align items to the start of the container */
  }

  .product-mobile-actions .quantity[data-type="type-2"] input[type="number"],
  .product-mobile-actions .quantity[data-type="type-2"] .quantity-label,
  .product-mobile-actions .update-cart-button {
      margin-right: 0; /* Remove margin for smaller screens */
      width: 100%; /* Full width for smaller screens */
  }
}


/* Parent container */
.product-mobile-actions .quantity[data-type="type-2"] {
    display: flex; /* Use flexbox for layout */
    align-items: center; /* Align items vertically */
    width: auto; /* Ensure full width */
    flex: 1;
}

/* Position the label */
.product-mobile-actions .quantity[data-type="type-2"] .quantity-label {
    width: 20px; /* Fixed width for the label */
    text-align: center; /* Center the text in the label */
    margin-right: -5px; /* Space between label and button */
}

/* Position the button */
.product-mobile-actions .quantity[data-type="type-2"] .update-cart-button {
    position: absolute;
    top: 10px; /* Adjust as necessary */
    left: 120px; /* Adjust based on the width of the input box */
    padding-left: 15px !important;
    padding-right: 15px !important;
/*    width: 100%;*/
}

/* Adjustments for input */
.product-mobile-actions .quantity[data-type="type-2"] input[type="number"] {
    width: 115px !important;
    margin-right: 5px; /* Spacing between input and next element */
}

.mobile-only {
  display: none;
}

@media (max-width: 1000px) {
  .mobile-only {
    display: revert;
  }

  /*.mobile-only .quantity-label {
    right: 15px;
  }*/
}