/**
	Theme Name: Goya Child Theme
	Description: This is a child theme of Goya.
	Template: goya
	Version: 1.0
	Author: Everthemes
	Author URI: http://themeforest.net/user/luisvelaz
	Tags: responsive-layout, flexible-header, custom-colors, mega-menu, woocommerce, shop, ajax, page-builder, translation-ready, gutenberg
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* --- Force 2 columns on mobile for Wo/* ---------- FORCE 2 columns on mobile for WooCommerce product grids (Goya friendly) ---------- */
@media (max-width: 767px) {

  /* Turn the products list into a wrapping flex container (overrides grid) */
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  .products,
  ul.products[class*="columns-"],
  .goya-products,
  .goya-product-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  /* Force each product to take ~50% width and remove forced full-width */
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  .products li.product,
  .products .product,
  .goya-products li.product,
  li.product.type-product {
    width: 48% !important;            /* two columns with small gap */
    max-width: 48% !important;
    flex: 0 0 48% !important;
    box-sizing: border-box !important;
    margin: 1% !important;
    float: none !important;
    clear: none !important;
    display: block !important;
  }

  /* In case the theme sets images/links to full width by inline styles */
  .woocommerce ul.products li.product .product-inner,
  .woocommerce ul.products li.product a,
  .products li.product .product-inner,
  .product .product-inner {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* If Goya uses CSS grid on the parent, remove grid template columns */
  .woocommerce ul.products,
  .products {
    grid-template-columns: none !important;
  }

  /* Ensure listing wrappers that enforce column count don't override */
  [class*="columns-"] .product,
  .woocommerce .columns-1 .product,
  .woocommerce .columns-2 .product,
  .woocommerce .columns-3 .product,
  .woocommerce .columns-4 .product,
  .woocommerce .columns-6 .product {
    width: 48% !important;
    max-width: 48% !important;
    flex-basis: 48% !important;
  }

  /* Optional small visual spacing inside product card */
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .price {
    padding: 4px 6px !important;
  }
}