/* Styles for the quantity input with unit display */
.quantity-unit-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

.unit-display {
    margin-left: 0.5rem;
    font-weight: bold;
    color: #232323;
}

.multiplied-wrapper {
    margin-left: 0.5rem;
    font-size: 0.875rem;
    color: #7a7a7a;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.multiplied-display {
    font-weight: bold;
    color: #232323;
    margin-left: .3rem;
}

/* Make sure the quantity input is properly sized */
.product-quantity .qty {
    width: 100%;
    max-width: 7.5rem;
}

/* Ensure proper spacing */
.product-quantity {
    margin-bottom: 1rem;
}
#quantity_wanted {
    flex-shrink: 0;
}
/* Style for read-only input */
#quantity_wanted[readonly] {
    background-color: #fff;
    cursor: default;
}

.input-group:has(#quantity_wanted) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.qty:has(.multiplied-wrapper) {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

body .product-add-to-cart .product-quantity #quantity_wanted {
    width: 40px;
}