/*
 Theme Name:   Woostify Child
 Theme URI:    https://zetx.ro/
 Description:  Tema copil pentru Woostify
 Author:       Matei Ceparu
 Author URI:   https://zetx.ro/
 Template:     woostify
 Version:      1.0.0
 Text Domain:  woostify-child
*/

/* ====== FIX: grila să stea LÂNGĂ sidebar (fără gol) ====== */

/* 1) Containerul nu are voie să rupă pe rândul următor */
body.woocommerce-shop .zetx-shop-container,
body.tax-product_cat .zetx-shop-container {
  display: flex;
  flex-wrap: nowrap;            /* IMPORTANT */
  align-items: flex-start;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}

/* 2) Sidebar STÂNGA, lățime fixă + mic spațiu spre grid */
body.woocommerce-shop .zetx-shop-container > #secondary,
body.woocommerce-shop .zetx-shop-container > .widget-area,
body.tax-product_cat .zetx-shop-container > #secondary,
body.tax-product_cat .zetx-shop-container > .widget-area {
  flex: 0 0 220px;              /* lățime sidebar */
  width: 220px !important;
  max-width: 220px;
  margin-right: 24px;           /* distanța față de grid */
  float: none !important;       /* anulăm eventualele float-uri ale temei */
}

/* 3) Zona principală trebuie să rămână pe același rând, fără width forțat */
body.woocommerce-shop .zetx-shop-container > .zetx-shop-main,
body.tax-product_cat .zetx-shop-container > .zetx-shop-main {
  flex: 1 1 auto;
  min-width: 0;                 /* previne împingerea pe rând nou */
  width: auto !important;       /* batem orice width procentual al temei */
  margin: 0;                    /* fără margini laterale */
  float: none !important;       /* anulăm float stânga/dreapta de la temă */
  display: block;
}

/* 4) Unele teme setează #primary cu width/float – le anulăm DOAR pe Shop/Categorii */
body.woocommerce-shop #primary,
body.tax-product_cat #primary {
  width: auto !important;
  float: none !important;
}

/* 5) Grila NUMAI în content (3 coloane), lipită de sidebar */
body.woocommerce-shop .zetx-shop-main .products,
body.woocommerce-shop .zetx-shop-main .wc-block-grid__products,
body.tax-product_cat .zetx-shop-main .products,
body.tax-product_cat .zetx-shop-main .wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 6) Neutralizăm width/float pe itemii din grilă */
body.woocommerce-shop .zetx-shop-main .products > li,
body.woocommerce-shop .zetx-shop-main .wc-block-grid__products > li,
body.tax-product_cat .zetx-shop-main .products > li,
body.tax-product_cat .zetx-shop-main .wc-block-grid__products > li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  display: block;
  box-sizing: border-box;
}

/* 7) Imaginile din carduri – controlat, nu uriașe */
body.woocommerce-shop .zetx-shop-main .products li img,
body.woocommerce-shop .zetx-shop-main .wc-block-grid__products li img,
body.tax-product_cat .zetx-shop-main .products li img,
body.tax-product_cat .zetx-shop-main .wc-block-grid__products li img {
  display: block;
  width: 100%;
  max-width: 180px;             /* icon/poză compactă */
  aspect-ratio: 1 / 1;
  object-fit: contain;
  margin: 0 auto;
}

/* 8) Titluri categorie – orizontale și centrate (valabil și pe categorii) */
body.woocommerce-shop .zetx-shop-main .woocommerce-loop-category__title,
body.tax-product_cat .zetx-shop-main .woocommerce-loop-category__title {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  white-space: normal !important;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0;
  margin-top: 10px;
}

/* 9) Responsive – la <992px sidebar-ul cade sub grid */
@media (max-width: 992px) {
  body.woocommerce-shop .zetx-shop-container,
  body.tax-product_cat .zetx-shop-container {
    flex-direction: column;
    padding: 0 12px;
  }
  body.woocommerce-shop .zetx-shop-container > #secondary,
  body.woocommerce-shop .zetx-shop-container > .widget-area,
  body.tax-product_cat .zetx-shop-container > #secondary,
  body.tax-product_cat .zetx-shop-container > .widget-area {
    margin-right: 0;
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 auto;
    order: 2;
  }
  body.woocommerce-shop .zetx-shop-container > .zetx-shop-main,
  body.tax-product_cat .zetx-shop-container > .zetx-shop-main {
    order: 1;
  }
  body.woocommerce-shop .zetx-shop-main .products,
  body.woocommerce-shop .zetx-shop-main .wc-block-grid__products,
  body.tax-product_cat .zetx-shop-main .products,
  body.tax-product_cat .zetx-shop-main .wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 576px) {
  body.woocommerce-shop .zetx-shop-main .products,
  body.woocommerce-shop .zetx-shop-main .wc-block-grid__products,
  body.tax-product_cat .zetx-shop-main .products,
  body.tax-product_cat .zetx-shop-main .wc-block-grid__products {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}