/*
Theme Name: Kadam WooCommerce Mobile
Author: shesadri bagchi
Description: 2-column grid, Ajax fragments, floating CTA, and WhatsApp.
Version: 4.0
Text Domain: kadam-mobile
*/

/* Brute-force override WooCommerce's float-based grid and smallscreen hidden elements */
ul.products,
ul.products.columns-1,
ul.products.columns-2,
ul.products.columns-3,
ul.products.columns-4,
ul.products.columns-5,
ul.products.columns-6,
.wc-block-grid__products {
    display: grid !important;
    gap: 0.5rem !important;
    margin: 0 !important;
    padding: 0.25rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Kill WooCommerce's clearing floats which break the grid */
ul.products::before,
ul.products::after {
    display: none !important;
}

ul.products .product,
ul.products li.product,
.wc-block-grid__product {
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
    clear: none !important;
}

/* Force Pagination Visibility Globally (Fixes Mobile Disappearance) */
.woocommerce-pagination,
.wc-block-pagination,
nav.woocommerce-pagination {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 2rem auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}