/*
  Theme Name: ZP-Child
  Theme URI: https://werbezentrum-wunstorf.de
  Version: 1.0.0
  Template: Divi
  Author: WERBEZENTRUN WUNSTORF
  Author URI: https://werbezentrum-wunstorf.de
  Text Domain: zp-child
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ================================
   WooCommerce Produktgrid – Equal Height
   ================================ */

/* 1. Produktliste als Flex-Container behandeln */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: flex;
    flex-wrap: wrap;
}

/* 2. Jede Produktkachel vertikal ausrichten */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    display: flex;
    flex-direction: column;
    /* wichtig: Breitensteuerung bleibt beim Theme, nix mit flex:1 etc. */
}

/* 3. Inhalt in der Kachel aufspannen, damit Button nach unten rutscht */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

/* 4. Titel/Beschreibung dürfen wachsen */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    flex: 0 0 auto;
}

/* 5. Preis- und Button-Bereich an den unteren Rand drücken */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    margin-top: auto;
}

/* 6. Optional: Kacheln optisch klar als Box */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    box-sizing: border-box;
    /* Wenn du Rahmen/Hintergrund willst, hier: */
    /* background: #fff; */
    /* border: 1px solid #e5e5e5; */
    /* padding: 15px; */
}


/* Divi-Pfeil bei Hover entfernen */
.woocommerce ul.products li.product a.button:after,
.woocommerce ul.products li.product .button:after,
.et_pb_module a.button:after,
a.tvw-loop-button:after {
    content: none !important;
}

/* Grundzustand */
a.tvw-loop-button {
	background: #177245; /* deine Standardfarbe */
	color: #ffffff;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
	width: 100%;
}

/* Hover-Zustand */
a.tvw-loop-button:hover {
    background: #102216 !important; /* deine Hover-Farbe */
    color: #ffffff;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}

.product p.wc-gzd-additional-info {
  clear: left;
  font-size: 10px !important;
  margin-bottom: 0px;
  text-align: center;
  color: #7c6543;
  margin-top: -5px !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
  color: #7c6543 !important;
}

/* TVW: nervige Mini-Dreiecke auf Farb- und Größen-Swatches ausblenden */

.et_pb_wc_add_to_cart form.cart .variations td.value span::after {
  display: none !important;
}

p.woocommerce-result-count {
  font-weight: 500;
  font-size: 15px !important;
  color: #000000 !important;
  padding-bottom: 40px;
}