/* Voucher product page: gift recipient fields. Inherits the theme fonts/colors. */
/* The theme's add-to-cart form is a flex row: take a full row so price/qty/button stay together below. */
.bl-ov-recipient {
	flex: 0 0 100%;
	width: 100%;
	margin: 0 0 3.2rem;
}

.bl-ov-recipient .bl-ov-field {
	max-width: 500px;
}

/*
 * Variable voucher: the theme lays out .single_variation_wrap as one flex row
 * (price + stock | fields + qty + button). Wrap it: price + stock on top, then the fields on a full row,
 * then qty + button. This file is loaded only on voucher product pages.
 */
.variations_form .single_variation_wrap {
	flex-wrap: wrap;
}

.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
	flex: 0 0 100%;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 3.2rem;
}

.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart:only-child,
.variations_form .single_variation_wrap .single_variation:empty + .woocommerce-variation-add-to-cart {
	margin-top: 0;
}

.bl-ov-recipient .bl-ov-field {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin: 0 0 2rem;
}

.bl-ov-recipient label {
	font-weight: 600;
}

.bl-ov-recipient label .required {
	color: inherit;
	text-decoration: none;
	border: 0;
}

.bl-ov-recipient input[type="text"],
.bl-ov-recipient input[type="date"],
.bl-ov-recipient textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 1.2rem 1.4rem;
	border: 1px solid #d0d0d0;
	border-radius: 0;
	background: #fff;
	font: inherit;
	color: inherit;
}

.bl-ov-recipient input:focus,
.bl-ov-recipient textarea:focus {
	outline: none;
	border-color: #8a8a8a;
}

.bl-ov-recipient textarea {
	min-height: 10rem;
	resize: vertical;
}

.bl-ov-recipient small {
	font-size: 1.1rem;
	color: #6b6b6b;
}