/* =====================================================
   WooCommerce WhatsApp Buy Now – Button Styles
   ===================================================== */

.wcwbn-whatsapp-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px !important;
    padding: 12px 24px !important;
    background-color: #25D366 !important;
    border: 2px solid #25D366 !important;
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    border-radius: 4px !important;
    cursor: pointer;
    text-decoration: none !important;
    transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
    width: 100%;
    justify-content: center;
}

.wcwbn-whatsapp-btn::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M16 2C8.28 2 2 8.28 2 16c0 2.44.65 4.72 1.79 6.7L2 30l7.53-1.97A13.94 13.94 0 0 0 16 30c7.72 0 14-6.28 14-14S23.72 2 16 2zm0 25.5a11.44 11.44 0 0 1-5.85-1.61l-.42-.25-4.47 1.17 1.19-4.34-.28-.44A11.47 11.47 0 0 1 4.5 16C4.5 9.6 9.6 4.5 16 4.5S27.5 9.6 27.5 16 22.4 27.5 16 27.5zm6.3-8.6c-.34-.17-2.02-1-2.34-1.11-.32-.11-.55-.17-.78.17-.23.34-.89 1.11-1.09 1.34-.2.23-.4.26-.74.09-.34-.17-1.44-.53-2.74-1.69-1.01-.9-1.7-2.01-1.9-2.35-.2-.34-.02-.52.15-.69.15-.15.34-.4.51-.6.17-.2.23-.34.34-.57.11-.23.06-.43-.03-.6-.09-.17-.78-1.88-1.07-2.57-.28-.68-.57-.59-.78-.6h-.66c-.23 0-.6.09-.91.43-.31.34-1.19 1.16-1.19 2.83s1.22 3.28 1.39 3.51c.17.23 2.4 3.66 5.82 5.14.81.35 1.45.56 1.94.72.82.26 1.56.22 2.15.13.66-.1 2.02-.82 2.31-1.62.28-.79.28-1.47.2-1.62-.09-.14-.32-.23-.66-.4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.wcwbn-whatsapp-btn:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;
    color: #fff !important;
}

.wcwbn-whatsapp-btn:active {
    transform: translateY(0);
    box-shadow: none !important;
}

/* Stack nicely below Add-to-Cart on mobile */
@media (max-width: 600px) {
    .wcwbn-whatsapp-btn {
        font-size: 0.95rem !important;
        padding: 10px 18px !important;
    }
}