/* WC Plus — wcp/*-shopblokken en categorie-lay-out: alleen ritme tussen de secties; de secties zelf
   (wcp-products, wcp-cats, wcp-banners, wcp-usps, wcp-seo-content) hebben hun eigen stylesheet. */
.wcp-block { margin-block: var(--wcp-block-gap); }
.wcp-block:first-child { margin-top: 0; }
.wcp-layout > .wcp-block:last-child { margin-bottom: 0; }
.wcp-block--product-loop { display: none; }
/* In de editor juist wél zichtbaar: het blok markeert waar de productenlijst komt (en dus wat
   erboven en eronder staat). Zonder deze regel verbergt de front-endregel de placeholder. */
.editor-styles-wrapper .wcp-block--product-loop { display: block; }
.wcp-reviews__title { margin: 0 0 1rem; }
/* Editor: ServerSideRender-wrapper heeft geen hoogte zonder inhoud */
.editor-styles-wrapper .wcp-block .components-placeholder { min-height: 8rem; }

/* Format wcp/company-field (company-fields.js): pill/badge in de editor zodat een redacteur in één
   oogopslag ziet dat dit een levende bedrijfsvariabele is en geen losse tekst. De tekst erin is
   gewoon bewerkbaar (zie de toelichting in company-fields/src/index.js over waarom geen object-
   format) — de stijl is alleen een visuele hint. Alleen in de editor-canvas: op de front-end is de
   shortcode allang naar platte tekst vervangen (do_shortcode(), helpers.php). */
.editor-styles-wrapper .wcp-company-var {
	display: inline-flex;
	align-items: center;
	background: var(--wcp-color-primary, #4338ca);
	color: #fff;
	border-radius: 1em;
	padding: 0.15em 0.75em;
	font-size: 0.85em;
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
}