/**
 * WooCommerce Styles for Titan Fitnes Theme
 * 
 * @package Titan_Fitnes
 * @since 1.0.0
 */

/* ==========================================================================
   Shop Page
   ========================================================================== */
.woocommerce ul.products {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce ul.products li.product {
    margin-bottom: var(--titan-spacing-md);
    text-align: center;
}

/* Product Image */
.woocommerce ul.products li.product .woocommerce-loop-product__link img {
    transition: transform 0.3s ease;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__link img {
    transform: scale(1.05);
}

/* ==========================================================================
   Product Page
   ========================================================================== */
.woocommerce div.product {
    margin-bottom: var(--titan-spacing-lg);
}

/* Add to Cart Button */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--titan-primary);
    color: var(--titan-white);
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: var(--titan-secondary);
    color: var(--titan-white);
}

/* ==========================================================================
   Cart Page
   ========================================================================== */
.woocommerce table.shop_table {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

/* ==========================================================================
   Checkout Page
   ========================================================================== */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields {
    margin-bottom: var(--titan-spacing-md);
}

/* Add your custom WooCommerce styles here */

