/*
 * Many themes apply flexbox/grid to the WooCommerce ".cart" form so the
 * quantity input and Add to Cart button sit side by side. Since our fields
 * are rendered as siblings of those elements (via
 * woocommerce_before_add_to_cart_button, the only hook inside the form that
 * fires before them), they get swept into that same row layout instead of
 * stacking above it. flex-basis/width:100% forces a flex-wrap break so this
 * wrapper always occupies its own full-width line, regardless of the
 * theme's specific flex/grid setup.
 */
.cart .wcpa-personalization-fields {
	flex: 1 1 100%;
	width: 100%;
	order: -1;
	margin-bottom: 1em;
}

.wcpa-personalization-fields .form-row {
	width: 100%;
	margin: 0 0 0.75em;
}

.wcpa-personalization-fields label {
	display: block;
	margin-bottom: 0.25em;
}

.wcpa-personalization-fields input.input-text {
	width: 100%;
	box-sizing: border-box;
}

.wcpa-personalization-warning {
	font-size: 0.85em;
	font-style: italic;
	color: #8a6d3b;
	background: #fcf3d8;
	border-left: 3px solid #d9a441;
	padding: 0.5em 0.75em;
	margin: 0.5em 0 1em;
}