/**
 * Fix for price alignment in mobile view
 * This ensures the price stays left-aligned on mobile devices
 */

/* General fix for price alignment */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-loop-product__price,
.price,
.woo-product-price {
    text-align: center !important;
}

/* Additional specificity for mobile */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .price,
    .woocommerce-page ul.products li.product .price,
    .woocommerce div.product p.price,
    .woocommerce div.product span.price,
    .woocommerce-loop-product__price,
    .price,
    .woo-product-price,
    .summary.entry-summary .price {
        text-align: center !important;
    }

    /* Fix product grid items */
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        text-align: left !important;
    }

    /* Fix specifically for mobile table layout */
    .woocommerce table.shop_table_responsive tr td.product-price,
    .woocommerce-page table.shop_table_responsive tr td.product-price {
        text-align: left !important;
    }
    
    /* Fix other elements that might be affected */
    .woo-product-content {
        text-align: left !important;
    }
}