/* AWS Cloud Order Form — Custom Styles */

/* Quantity inputs: full-width number fields */
.aws-qty-option .aws-qty-input {
    font-weight: 600;
    font-size: 15px;
}

.aws-qty-option .aws-qty-input:focus {
    border-color: #337ab7;
    box-shadow: 0 0 0 0.2rem rgba(51, 122, 183, 0.25);
}

.aws-qty-option .aws-qty-input.is-invalid {
    border-color: #d9534f;
    box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25);
}

/* Pricing text below the input */
.aws-qty-option .aws-qty-pricing {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #6c757d;
}

.aws-qty-option .aws-qty-hint {
    display: block;
    margin-top: 4px;
    font-size: 12px;
}

.aws-qty-option .aws-qty-error {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
}

/* Remove spinner arrows on number inputs for cleaner look */
.aws-qty-input::-webkit-outer-spin-button,
.aws-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.aws-qty-input[type=number] {
    -moz-appearance: textfield;
}