.order-processing {
    cursor: wait;
    opacity: 0.85;
}

.order-processing-spinner {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 9px;
    vertical-align: -2px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: order-processing-spin 0.7s linear infinite;
}

@keyframes order-processing-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Lock the entire page while an order is being processed */
#order-processing-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(255, 255, 255, 0.08);
    cursor: wait;
}

body.order-processing-active {
    overflow: hidden;
}
