/**
 * Single Product Add to Cart Button Styles
 * Customizes WooCommerce single product Add to Cart button with icon
 * Only targets single product page buttons, not shop/archive buttons
 */

/* ========================================
   Single Product Add to Cart Button
======================================== */

/* Target single product Add to Cart button specifically */
.single-product .single_add_to_cart_button {
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    gap: 6px;
    width: 151px;
    height: 46px;
    margin: 0px !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50px;
    background-color: #003D29 !important;
    color: white !important;
    border: 1px solid #CCCCCC !important;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

/* Shopping Cart Icon using ::before pseudo-element */
.single-product .single_add_to_cart_button::before {
    content: '';
    font-size: 16px;
    display: inline-block;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16C16.5304 16 17.0391 16.2107 17.4142 16.5858C17.7893 16.9609 18 17.4696 18 18C18 18.5304 17.7893 19.0391 17.4142 19.4142C17.0391 19.7893 16.5304 20 16 20C15.4696 20 14.9609 19.7893 14.5858 19.4142C14.2107 19.0391 14 18.5304 14 18C14 16.89 14.89 16 16 16ZM0 0H3.27L4.21 2H19C19.2652 2 19.5196 2.10536 19.7071 2.29289C19.8946 2.48043 20 2.73478 20 3C20 3.17 19.95 3.34 19.88 3.5L16.3 9.97C15.96 10.58 15.3 11 14.55 11H7.1L6.2 12.63L6.17 12.75C6.17 12.8163 6.19634 12.8799 6.24322 12.9268C6.29011 12.9737 6.3537 13 6.42 13H18V15H6C5.46957 15 4.96086 14.7893 4.58579 14.4142C4.21071 14.0391 4 13.5304 4 13C4 12.65 4.09 12.32 4.24 12.04L5.6 9.59L2 2H0V0ZM6 16C6.53043 16 7.03914 16.2107 7.41421 16.5858C7.78929 16.9609 8 17.4696 8 18C8 18.5304 7.78929 19.0391 7.41421 19.4142C7.03914 19.7893 6.53043 20 6 20C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18C4 16.89 4.89 16 6 16ZM15 9L17.78 4H5.14L7.5 9H15Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.single-product .single_add_to_cart_button:hover::before,
.single-product .single_add_to_cart_button:focus::before,
.single-product .single_add_to_cart_button:active::before {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 16C16.5304 16 17.0391 16.2107 17.4142 16.5858C17.7893 16.9609 18 17.4696 18 18C18 18.5304 17.7893 19.0391 17.4142 19.4142C17.0391 19.7893 16.5304 20 16 20C15.4696 20 14.9609 19.7893 14.5858 19.4142C14.2107 19.0391 14 18.5304 14 18C14 16.89 14.89 16 16 16ZM0 0H3.27L4.21 2H19C19.2652 2 19.5196 2.10536 19.7071 2.29289C19.8946 2.48043 20 2.73478 20 3C20 3.17 19.95 3.34 19.88 3.5L16.3 9.97C15.96 10.58 15.3 11 14.55 11H7.1L6.2 12.63L6.17 12.75C6.17 12.8163 6.19634 12.8799 6.24322 12.9268C6.29011 12.9737 6.3537 13 6.42 13H18V15H6C5.46957 15 4.96086 14.7893 4.58579 14.4142C4.21071 14.0391 4 13.5304 4 13C4 12.65 4.09 12.32 4.24 12.04L5.6 9.59L2 2H0V0ZM6 16C6.53043 16 7.03914 16.2107 7.41421 16.5858C7.78929 16.9609 8 17.4696 8 18C8 18.5304 7.78929 19.0391 7.41421 19.4142C7.03914 19.7893 6.53043 20 6 20C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18C4 16.89 4.89 16 6 16ZM15 9L17.78 4H5.14L7.5 9H15Z' fill='%23ffffff'/%3E%3C/svg%3E");
}


/* Hover State */
.single-product .single_add_to_cart_button:hover {
    background-color: #002f1f !important;
    color: #ffffff !important;
}

/* Active/Focus State */
.single-product .single_add_to_cart_button:active,
.single-product .single_add_to_cart_button:focus {
    background-color: #001f14 !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: 0 2px 8px rgba(0, 61, 41, 0.3) !important;
}

/* Disabled State (out of stock) */
.single-product .single_add_to_cart_button:disabled,
.single-product .single_add_to_cart_button[disabled] {
    background-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
}