/* TODO: Temporary fixes for the UI that need to be improved. */
.woocommerce-container .summary-container form.cart {
    display: block;
    justify-content: normal;
}

.woocommerce-container .summary-container form.cart button.single_add_to_cart_button.button.alt {
    float: right;
}

/* Styling the message inputs. */
.woocommerce-container .summary-container form.cart input.perf-delivery-date,
.woocommerce-container .summary-container form.cart select.perf-postal-code,
.woocommerce-container .summary-container form.cart select.perf-message-template,
.woocommerce-container .summary-container form.cart textarea.perf-message-text {
    border: 1px solid #ec006f;
    border-radius: 2px;
    padding: 18px 15px;
    font-size: 22px;
    color: #ec006f;
}

.woocommerce-container .summary-container form.cart input.perf-delivery-date:focus,
.woocommerce-container .summary-container form.cart select.perf-postal-code:focus,
.woocommerce-container .summary-container form.cart select.perf-message-template:focus,
.woocommerce-container .summary-container form.cart textarea.perf-message-text:focus {
    outline: #ec006f;
}

.woocommerce-container .summary-container form.cart tr.perf-invalid-data td {
    padding-top: 0;
    text-align: right;
    color: #dc3545;
}

.woocommerce-container .summary-container form.cart input.perf-delivery-date.perf-disabled,
.woocommerce-container .summary-container form.cart select.perf-postal-code.perf-disabled,
.woocommerce-container .summary-container form.cart select.perf-message-template.perf-disabled,
.woocommerce-container .summary-container form.cart textarea.perf-message-text.perf-disabled {
    background-color: #eee;
    border: 1px solid #ddd;
    outline: #ddd;
    color: #ccc;
    cursor: not-allowed;
}

/* The submit button has custom styling with important, so we also need it to override the rules. */
/* We can't style the before part of the button, since it is a background image. */
.woocommerce-container .summary-container form.cart button.single_add_to_cart_button.button.alt.perf-disabled,
.woocommerce-container .summary-container form.cart button.single_add_to_cart_button.button.alt.perf-disabled:hover {
    background-color: #eee !important;
    border: 1px solid #ddd !important;
    outline: #ddd !important;
    color: #ccc !important;
    cursor: not-allowed !important;
}