/**
 * CSS styles for promo products in cart
 */

.promo-product-label {
    /* [071025TIN] Update style */
    color: #ed0700 !important;
    font-weight: 500;
    font-size: 14px;
    background: rgb(255 237 237);
    padding: 4px 10px;
    border-radius: 3px;
    line-height: 1.4;
    display: block;
    width: fit-content;
    margin: 0;
    text-transform: uppercase;
    margin-top: 5px;
}

@media (max-width: 768px) {
    .promo-product-label {
        /* align to the right */
        margin-inline-start: auto;
    }
}

.promo-product-remove {
    color: #dc3545 !important;
}

.cart_item .product-quantity input[readonly] {
    background-color: #f8f9fa !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
    border: 1px solid #dee2e6 !important;
}

.cart_item .product-quantity input[readonly]:hover {
    background-color: #f8f9fa !important;
}

/* Custom loading of checkout cart button */
.woocommerce a.button.loading:after,
.woocommerce-page a.button.loading:after {
    content: '';
    height: 24px;
    width: 24px;
    /* Spinner icon - white */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTQ4MC04MHEtODIgMC0xNTUtMzEuNXQtMTI3LjUtODZRMTQzLTI1MiAxMTEuNS0zMjVUODAtNDgwcTAtODMgMzEuNS0xNTUuNXQ4Ni0xMjdRMjUyLTgxNyAzMjUtODQ4LjVUNDgwLTg4MHExNyAwIDI4LjUgMTEuNVQ1MjAtODQwcTAgMTctMTEuNSAyOC41VDQ4MC04MDBxLTEzMyAwLTIyNi41IDkzLjVUMTYwLTQ4MHEwIDEzMyA5My41IDIyNi41VDQ4MC0xNjBxMTMzIDAgMjI2LjUtOTMuNVQ4MDAtNDgwcTAtMTcgMTEuNS0yOC41VDg0MC01MjBxMTcgMCAyOC41IDExLjVUODgwLTQ4MHEwIDgyLTMxLjUgMTU1dC04NiAxMjcuNXEtNTQuNSA1NC41LTEyNyA4NlQ0ODAtODBaIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* [250715LH] Update UX/UI of promotion notification */
.woocommerce-notices-wrapper~ :not(.woocommerce-form-coupon-toggle)[class^="woocommerce"] {
    padding: 10px 15px !important;
    margin-bottom: 5px;
}

.woocommerce-notices-wrapper~div:not(.woocommerce-form-coupon-toggle):nth-last-of-type(1) {
    margin-bottom: 2em;
}