/*
 * Hünkar – fiche produit, onglet Description (issue #1)
 * Grille « Valeurs nutritionnelles moyennes », modèle 2 × 4 (colonnes WPBakery 1/4 + icônes Font Awesome).
 * Le modèle ancien à 5 colonnes (1/5) n'est pas concerné.
 *
 *   < 768 px : 2 colonnes, même espacement vertical entre toutes les lignes
 *   ≥ 768 px : inchangé (4 colonnes sur toute la largeur, comportement WPBakery)
 *
 * Sans support de :has() (navigateurs anciens), rien ne change.
 */

/* A Hub fancy-heading block whose text starts with a list renders an empty <p></p> before the list,
   adding ~24 px under the section title (G112, 1316 « Conseils de conservation »). Only that empty
   paragraph is hidden; other empty paragraphs (used as spacing between lines) are left alone. */
.woocommerce-Tabs-panel--description .ld-fh-element > p:empty:has(+ ul) {
	display: none;
}

/* 767.98: no gap with WPBakery's (min-width: 768px) at fractional viewport widths */
@media (max-width: 767.98px) {
	.woocommerce-Tabs-panel--description .vc_row.vc_inner:has(.vc_col-sm-3 .iconbox-icon-container > i) > .ld-container > .row {
		display: flex;
		flex-wrap: wrap;
	}

	.woocommerce-Tabs-panel--description .vc_row.vc_inner:has(.vc_col-sm-3 .iconbox-icon-container > i) > .ld-container > .row > .vc_col-sm-3 {
		width: 50%;
		padding-bottom: 28px;
	}

	/* the second row of four continues the same rhythm instead of adding its own 30 px
	   (~ not +: some products have a <style> element between the two rows) */
	.woocommerce-Tabs-panel--description .vc_row.vc_inner:has(.vc_col-sm-3 .iconbox-icon-container > i) ~ .vc_row.vc_inner:has(.vc_col-sm-3 .iconbox-icon-container > i) {
		margin-top: 0 !important;
	}
}