/* =========================================
   WSA WooCommerce Styling
   ========================================= */

/* Main WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #0252FF !important;
    color: #ffffff !important;
    border: none;
    border-radius: 8px;
    font-weight: 700;
    transition: all 0.25s ease;
}

/* Button Hover */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #FF4500 !important;
    color: #ffffff !important;
}

/* Product Prices */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #FF4500 !important;
    font-weight: 700;
    font-size: 1.1em;
}

/* Product Titles */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title {
    color: #000000 !important;
    font-weight: 700;
}

/* Sale Badge */
.woocommerce span.onsale {
    background-color: #FF4500 !important;
    color: #ffffff !important;
}

/* Cart Totals Box */
.woocommerce-cart .cart_totals {
    border: 2px solid #0252FF;
    border-radius: 12px;
    padding: 20px;
    background: #F7F9FF;
}

/* Notices */
.woocommerce-message,
.woocommerce-info {
    border-top-color: #0252FF;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #0252FF;
}

/* Update Cart Button */
.woocommerce-cart table.cart button.button {
    background-color: #200040 !important;
}

/* Links */
.woocommerce a {
    color: #0252FF;
    transition: color 0.25s ease;
}

.woocommerce a:hover {
    color: #FF4500;
}
/* =========================================
   Product Cards
   ========================================= */

.woocommerce ul.products li.product {
    border: 1px solid #000000;
    border-radius: 12px;
    padding: 16px;
    background: #ffffff;
    transition: all 0.25s ease;
}

/* Hover Effect */
.woocommerce ul.products li.product:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    transform: translateY(-4px);
}

/* Product image */
.woocommerce ul.products li.product img {
    border-radius: 8px;
    transition: transform 0.25s ease;
}

/* Slight image zoom */
.woocommerce ul.products li.product:hover img {
    transform: scale(1.03);
}