.wdmcc-rmp-wrapper {
	margin: 1.5em 0;
	display: flex;
	flex-direction: column;
	gap: 1.25em;
	/* Consumed by the shared Option_Card controls in shared.css. */
	--wdmcc-accent: #2c6e49;
}

/* Direct child only — same trap as in made-to-measure.css: a plain
   descendant selector also hits the option cards and Yes/No pills nested
   below, stacking and bolding controls that must sit in one row. */
.wdmcc-rmp-field > label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.4em;
}

.wdmcc-rmp-subfield {
	margin-top: 0.5rem;
}

.wdmcc-rmp-hint {
	font-size: 0.85em;
	color: #666;
	margin: 0.25em 0 0;
}

/* Explanatory copy under a field (the global finished-length text) — prose the
   customer reads once, so it sits quieter than the range hint above it. */
.wdmcc-rmp-help {
	margin: 0.35rem 0 0;
	font-size: 0.85em;
	line-height: 1.45;
	opacity: 0.7;
}

/* The package selector was MOVED to the top of the configurator, so
   WooCommerce's own quantity input must not also show further down the form —
   otherwise the customer sees two quantity fields for the same thing. It stays
   in the DOM (it carries the submitted quantity); the stepper writes into it.
   This stylesheet only loads on ready-made-package products. */
.wdmcc-rmp-native-qty,
form.cart .quantity:has(.wdmcc-rmp-native-qty) {
	display: none !important;
}

/* Panels are derived from the package count, so this is a readout, not a
   field the customer can edit. */
.wdmcc-rmp-panels-readout {
	margin: 0.5em 0 0;
	font-size: 0.92em;
	color: #444;
}

[x-cloak] { display: none !important; }