/* Gift mode — the "This is a gift" block in the configurator. Uses the
   shared --bb-* design tokens so it follows the merchant's branding. */

.bb-gift {
	margin-top: 1rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--bb-border, #e6e1d6);
	border-radius: var(--bb-radius, 8px);
	background: var(--bb-surface, #fffdf8);
}

.bb-gift-toggle {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
	color: var(--bb-ink, #1e2a4a);
	cursor: pointer;
	margin: 0;
}

.bb-gift-fields {
	margin-top: 0.85rem;
	display: grid;
	gap: 0.7rem;
}

.bb-gift-field {
	margin: 0;
}

.bb-gift-label {
	display: block;
	font-size: 0.85em;
	margin-bottom: 0.25rem;
	color: var(--bb-ink-soft, #5a5a5a);
}

.bb-gift-input {
	width: 100%;
	box-sizing: border-box;
}

.bb-gift-check {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	cursor: pointer;
}

.bb-gift-fee {
	color: var(--bb-success, #1a7f37);
	font-weight: 600;
}