/* =============================================
   FILE: product-archive-grid-fixes.css
   PURPOSE: Consistent 10px column gap on all
   product grids + hide Add to Cart / Select
   Options buttons on shortcode-based pages
   (Bestsellers, Newest, On Sale, etc.)
   ADD TO: /assets/css/ in child theme
   ============================================= */


/* ---------------------------------------------
   10px column gap on mobile - WooCommerce Blocks
   (Bestsellers, Newest, On Sale, etc.)
   --------------------------------------------- */

@media (max-width: 768px) {
  ul.wc-block-product-template__responsive {
    gap: 10px !important;
    column-gap: 10px !important;
  }
}


/* ---------------------------------------------
   10px column gap on mobile - Classic WooCommerce
   (fallback for any shortcode-based pages)
   --------------------------------------------- */

@media (max-width: 768px) {
  ul.products {
    gap: 10px !important;
    column-gap: 10px !important;
  }
}


/* ---------------------------------------------
   Hide Add to Cart / Select Options buttons
   on all pages except the main /shop/ archive.
   Covers WooCommerce Blocks button variations.
   --------------------------------------------- */

body:not(.woocommerce-shop) .wc-block-components-product-button,
body:not(.woocommerce-shop) .wc-block-components-product-add-to-cart,
body:not(.woocommerce-shop) .wp-block-woocommerce-product-button,
body:not(.woocommerce-shop) .wc-block-grid__product-add-to-cart,
body:not(.woocommerce-shop) ul.products li.product .button,
body:not(.woocommerce-shop) ul.products li.product .added_to_cart {
  display: none !important;
}