/* Wellness Cart Optimization */

/* Desktop & General fixes: Ensure product images are visible */
.wp-block-woocommerce-cart .wc-block-cart-item__image,
.wp-block-woocommerce-cart-line-items-block .wc-block-cart-item__image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.wp-block-woocommerce-cart .wc-block-cart-item__image img,
.wp-block-woocommerce-cart-line-items-block .wc-block-cart-item__image img {
    max-width: 100px; /* Or appropriate size */
    height: auto;
    border-radius: 8px;
}

/* Active Wellness Branding */
.wp-block-woocommerce-cart .wc-block-cart__submit,
.wp-block-woocommerce-cart .wc-block-cart__checkout-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit {
    background-color: #6EC1E4 !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* Mobile Optimizations */
@media (max-width: 781px) {
    /* Style cart items as minimal cards */
    .wp-block-woocommerce-cart .wc-block-cart-items tbody tr,
    .wp-block-woocommerce-cart-line-items-block .wc-block-cart-item {
        display: flex !important;
        flex-direction: column !important;
        border: 1px solid #eee;
        border-radius: 8px;
        padding: 16px;
        margin-bottom: 16px;
        background: #fff;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    }
    
    .wp-block-woocommerce-cart-line-items-block .wc-block-cart-item__wrap {
        display: flex;
        flex-direction: column;
    }

    .wp-block-woocommerce-cart .wc-block-cart-item__image,
    .wp-block-woocommerce-cart-line-items-block .wc-block-cart-item__image {
        width: 100% !important;
        max-width: none !important;
        margin-bottom: 16px;
        text-align: center;
    }
    
    .wp-block-woocommerce-cart .wc-block-cart-item__image img,
    .wp-block-woocommerce-cart-line-items-block .wc-block-cart-item__image img {
         max-width: 100%;
    }

    .wp-block-woocommerce-cart .wc-block-cart-item__product,
    .wp-block-woocommerce-cart-line-items-block .wc-block-cart-item__product {
        margin-bottom: 12px;
    }

    /* Sticky Checkout Button at bottom of screen */
    .wp-block-woocommerce-cart-totals-block,
    .wp-block-woocommerce-proceed-to-checkout-block {
        position: -webkit-sticky !important;
        position: sticky !important;
        bottom: 0 !important;
        z-index: 9999 !important;
        background: #fff !important;
        padding: 16px !important;
        box-shadow: 0 -4px 12px rgba(0,0,0,0.08) !important;
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: -16px;
        border-top: 1px solid #eee;
    }
}