/*!
 * WooCommerce Product Card Size Fix
 * Override untuk memastikan card produk memiliki ukuran yang benar
 */

/* EMERGENCY OVERRIDE - Uncomment jika masalah masih ada */
/*
body.woocommerce ul.products,
body.woocommerce-page ul.products,
#products-container,
.products-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
  gap: 2rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 0 !important;
}

body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
#products-container .product-card,
.products-grid .product-card {
  min-width: 350px !important;
  min-height: 500px !important;
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  font-size: 1rem !important;
  border: 2px solid red !important;
  background: rgba(255, 255, 0, 0.1) !important;
}

body.woocommerce ul.products li.product::before,
#products-container .product-card::before {
  content: 'Debugging: W-' attr(style) ' Min: 350px/500px';
  position: absolute;
  top: 0;
  left: 0;
  background: red;
  color: white;
  font-size: 10px;
  padding: 2px;
  z-index: 9999;
  max-width: 200px;
  word-wrap: break-word;
}
*/

/* DEBUG MODE - Uncomment untuk melihat dimensi card */
/*
.debug-mode body.woocommerce ul.products li.product,
.debug-mode #products-container .product-card {
  border: 3px solid #ff0000 !important;
  background: rgba(255, 0, 0, 0.1) !important;
  position: relative !important;
}

.debug-mode body.woocommerce ul.products li.product::after,
.debug-mode #products-container .product-card::after {
  content: 'W:' attr(data-width) 'px H:' attr(data-height) 'px MIN:350x500';
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(255, 255, 0, 0.9);
  color: black;
  font-size: 11px;
  padding: 3px;
  z-index: 999;
  border-radius: 2px;
  font-weight: bold;
}
*/

/* Instructions untuk debugging:
   1. Buka Developer Tools (F12)
   2. Tambahkan class "debug-mode" ke tag body:
      document.body.classList.add('debug-mode');
   3. Uncomment debug CSS di atas untuk melihat dimensi
   4. Jika card masih kecil, uncomment "EMERGENCY OVERRIDE" di atas
*/