/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 06 2025 | 01:51:21 */
/* Add to Cart Button Color - Brand Purple */
.single_add_to_cart_button,
.woocommerce-variation-add-to-cart .button,
button.single_add_to_cart_button {
    background: rgb(71, 99, 255) !important; /* Your brand color */
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 14px rgba(71, 99, 255, 0.25) !important;
}

.single_add_to_cart_button:hover,
.woocommerce-variation-add-to-cart .button:hover,
button.single_add_to_cart_button:hover {
    background: rgb(55, 83, 235) !important; /* Darker on hover */
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(71, 99, 255, 0.35) !important;
}

.single_add_to_cart_button:active,
.woocommerce-variation-add-to-cart .button:active,
button.single_add_to_cart_button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(71, 99, 255, 0.25) !important;
}

/* Disabled state */
.single_add_to_cart_button:disabled,
.woocommerce-variation-add-to-cart .button:disabled,
button.single_add_to_cart_button:disabled,
.single_add_to_cart_button.disabled,
.woocommerce-variation-add-to-cart .button.disabled,
button.single_add_to_cart_button.disabled {
    background: #e5e7eb !important;
    color: #9ca3af !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    transform: none !important;
}

.single_add_to_cart_button:disabled:hover,
.woocommerce-variation-add-to-cart .button:disabled:hover,
button.single_add_to_cart_button:disabled:hover {
    background: #e5e7eb !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Animation when size is selected */
.single_add_to_cart_button.size-selected,
.woocommerce-variation-add-to-cart .button.size-selected,
button.single_add_to_cart_button.size-selected {
    animation: sizeSelectedPulse 0.6s ease-out;
}

@keyframes sizeSelectedPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 4px 14px rgba(71, 99, 255, 0.25), 0 0 0 0 rgba(71, 99, 255, 0.6);
    }
    50% {
        transform: scale(1.02);
        box-shadow: 0 6px 20px rgba(71, 99, 255, 0.35), 0 0 0 8px rgba(71, 99, 255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 4px 14px rgba(71, 99, 255, 0.25), 0 0 0 0 rgba(71, 99, 255, 0);
    }
}