/**
 * ChiccoFresh Abo-Box front-end tweaks (loaded after the vendor stylesheet).
 */

/* Box picker: keep every product's short description to the same height so the
   grid rows line up. The PHP side already trims the text to ~24 words; this
   pins it to three lines regardless. */
.wps_sfw_sub_box_prod_short_desc {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 4.2em;
}

.wps_sfw_sub_box_prod_short_desc p {
	margin: 0;
}

/* Checkout "Enthaltene Produkte" list (.wps-attached-products-popup, only
   rendered on the checkout): the vendor lays the products out in a horizontal
   flex row — stack them vertically instead, one product per line. */
.wps-attached-products-popup ul {
	flex-direction: column;
	gap: 8px;
}

.wps-attached-products-popup ul li {
	flex-direction: row;
	align-items: center;
	gap: 10px;
	text-align: left;
}

/* "Du sparst X € gegenüber dem Einzelkauf", eigene Zeile unter der
   "Total"-Summe im Box-Picker-Popup - siehe cf-sfw-frontend.js
   cfSfwUpdateTotals(). "Total" selbst zeigt dort bereits den reduzierten
   Abo-Preis, der reguläre Preis wird nirgends separat angezeigt. */
.chicco-abo-discount-price {
	display: inline-block;
	margin-top: 6px;
	padding: 3px 10px;
	border-radius: 100px;
	background: #e2f1de;
	color: #4f6f1c;
	font-size: 13px;
}

.chicco-abo-discount-price strong {
	color: #2b2f26;
}