/**
 * Shopper facing referral code field on the cart and checkout.
 *
 * Deliberately light touch so the active theme keeps control of input and button
 * appearance.
 */

.bbarm-referral-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 1.5em;
	padding: 14px 16px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 6px;
}

.bbarm-referral-form label {
	flex: 0 0 auto;
	margin: 0;
	font-weight: 600;
}

.bbarm-referral-form input[type="text"] {
	flex: 1 1 180px;
	min-width: 0;
	margin: 0;
}

.bbarm-referral-form button {
	flex: 0 0 auto;
}

.bbarm-referral-form__applied {
	flex: 1 1 auto;
	margin: 0;
}

@media (max-width: 480px) {
	.bbarm-referral-form {
		flex-direction: column;
		align-items: stretch;
	}
}