/*
 Theme Name: Divi Child
 Theme URI: https://example.com
 Description: Child theme for Divi
 Author: Ilias
 Template: Divi
 Version: 1.0.0
*/

/* Βάλε εδώ custom CSS σου (ή άστο κενό για αρχή) */
/* ===== Woo Products module ως κάρτες (scoped στο .show-products) ===== */

/* ===== Woo Products ως κάρτες, responsive στήλες ===== */
/* ===== FIX: καθάρισε default width/margins του Woo για να μην υπάρχουν "κενά" ===== */
.show-products ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 στήλες desktop */
  gap: 24px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

/* Μηδένισε ΟΛΑ τα default margins/widths/float στα li.product */
.show-products ul.products li.product {
  margin: 0 !important;
  width: auto !important;
  float: none !important;
  clear: none !important;
  box-sizing: border-box;
}

/* Ακύρωσε τυχόν nth-child κανόνες του Woo που βάζουν extra margin-right */
.show-products ul.products li.product:nth-child(n) {
  margin-right: 0 !important;
}

/* Responsive breakpoints */
@media (max-width: 1199px) {
  .show-products ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .show-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .show-products ul.products { grid-template-columns: 1fr; }
}

/* --- (προαιρετικά) το ίδιο card-style όπως πριν --- */
.show-products ul.products li.product {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease;
  display: flex; flex-direction: column; position: relative; height: 100%;
}
.show-products ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}
.show-products ul.products li.product img {
  width: 100%;
  display: block;
  aspect-ratio: 4 / 3; /* ή 1 / 1 */
  object-fit: cover;
}
.show-products ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px; font-weight: 700; line-height: 1.25; color: #0f172a;
  padding: 12px 14px 0; margin: 0;
}
.show-products ul.products li.product .price,
.show-products ul.products li.product .star-rating { padding: 6px 14px 0; }
.show-products ul.products li.product .price { color:#0f172a; font-weight:700; }
.show-products ul.products li.product .add_to_cart_button,
.show-products ul.products li.product .button {
  margin: 12px 14px 14px; padding: 10px 12px; border-radius: 12px; font-weight: 600; width: 100%;
}
.show-products ul.products li.product .onsale {
  position: absolute; top: 10px; left: 10px; border-radius: 999px; padding: 6px 10px; font-size: 12px; z-index: 2;
}