/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.wc-max-quantity-toast {
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.checkout-button.disabled,
.wc-proceed-to-checkout a.disabled,
a[href*="checkout"].disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    text-decoration: none !important;
    color: #999 !important;
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
}

/* Prevent any interaction with disabled checkout elements */
.checkout-button.disabled:hover,
.wc-proceed-to-checkout a.disabled:hover,
a[href*="checkout"].disabled:hover {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    text-decoration: none !important;
    color: #999 !important;
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
}

/* Cart item error styles */
.wc-max-quantity-error-row {
    background-color: #fff !important;
}

.wc-max-quantity-error {
    padding: 0 !important;
}

.wc-max-quantity-error-message {
    color: #dc3232;
    padding: 10px 15px;
    background: #f8f8f8;
    border-left: 4px solid #dc3232;
    margin: 5px 0;
    font-size: 0.9em;
    line-height: 1.4;
}

.wc-max-quantity-error-message strong {
    display: block;
    margin-bottom: 5px;
}