/* =================================================================
   GLOBAL WOOCOMMERCE MOBILE FIX - Override GeneratePress
   ================================================================= */

@media (max-width: 768px) {
    /* Force all WooCommerce pages to full width */
    body.woocommerce,
    body.woocommerce-page,
    body.woocommerce-cart,
    body.woocommerce-checkout,
    body.woocommerce-account {
        overflow-x: hidden !important;
    }
    
    /* Override GeneratePress primary content width */
    .woocommerce #primary,
    .woocommerce-page #primary,
    .woocommerce-cart #primary,
    .woocommerce-checkout #primary {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Content area full width */
    .woocommerce .content-area,
    .woocommerce-page .content-area {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
    
    /* Site content full width */
    .woocommerce .site-content,
    .woocommerce-page .site-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Grid container override */
    .woocommerce .grid-container,
    .woocommerce-page .grid-container {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 15px !important;
        margin: 0 !important;
    }
    
    /* Main WooCommerce wrapper */
    .woocommerce .woocommerce,
    .woocommerce-page .woocommerce {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Shop specific containers */
    .bean-shop-main-v2,
    .container-v2,
    .shop-layout-v2,
    .shop-products-v2 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Products grid */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Product items */
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    
    /* Single product page */
    .single-product .product {
        width: 100% !important;
        padding: 0 !important; /* Let single-product.css handle padding per section */
    }
    
    .single-product .summary {
        width: 100% !important;
        padding: 0 !important; /* Let single-product.css handle padding */
        margin: 0 !important;
    }
    
    /* Hide all sidebars on mobile */
    .woocommerce #right-sidebar,
    .woocommerce #left-sidebar,
    .woocommerce-page #right-sidebar,
    .woocommerce-page #left-sidebar,
    .woocommerce .sidebar,
    .woocommerce-page .sidebar {
        display: none !important;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    /* Single column for products on very small screens */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: 1fr !important;
    }
}

/* Touch devices specific */
@media (pointer: coarse) and (max-width: 768px) {
    /* Prevent horizontal scroll on touch WooCommerce pages */
    body.woocommerce,
    body.woocommerce-page {
        overflow-x: hidden !important;
    }
}