/* GIFT-BOX-OPTION-01 (#783): the gift-box field of the cart and the checkout. Neutral: it takes the page's text colour and font. */
.ra-gift-box {
	margin: 0 0 16px;
	padding: 12px 14px;
	border: 1px solid currentColor;
	border-color: rgba(127, 127, 127, 0.35);
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.45;
}

.ra-gift-box__tick {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	margin: 0;
	cursor: pointer;
}

.ra-gift-box__tick input[type="checkbox"] {
	margin: 0;
	flex: none;
}

.ra-gift-box__price {
	margin-left: auto;
	font-weight: 600;
	white-space: nowrap;
}

.ra-gift-box__card[hidden] {
	display: none;
}

.ra-gift-box__card {
	margin-top: 10px;
}

.ra-gift-box__card label {
	display: block;
	margin-bottom: 4px;
}

.ra-gift-box__card textarea {
	display: block;
	width: 100%;
	min-height: 72px;
	box-sizing: border-box;
	resize: vertical;
}

.ra-gift-box__card small {
	display: block;
	margin-top: 4px;
	opacity: 0.75;
}

.ra-gift-box.is-saving {
	opacity: 0.6;
	pointer-events: none;
}

/* GIFT-BOX-FLOW-01 (#783): the box-mode bar on the shop, category and product pages. One line, it wraps on a phone. */
.ra-box-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 14px;
	margin: 0 0 16px;
	padding: 9px 14px;
	border: 1px solid rgba(127, 127, 127, 0.35);
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.4;
}

.ra-box-bar__text {
	flex: 1 1 260px;
	min-width: 0;
}

.ra-box-bar__go {
	font-weight: 600;
	white-space: nowrap;
}

.ra-box-bar__x {
	flex: none;
	padding: 0 6px;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
}