/**
 * Yoshi Club — layout tweaks for the club pieces inside the Cart & Checkout blocks.
 *
 * Colors, radii and the rest come from club.css (and the design-tab variables);
 * this file only fits the boxes into the narrow order-summary sidebar.
 */

.wc-block-components-totals-wrapper .yc-savings-banner--block,
.wc-block-components-totals-wrapper .yc-redeem--block,
.wc-block-components-totals-wrapper .yc-member-savings--block {
	margin: 0 16px 16px;
}

.yc-savings-banner--block {
	font-size: 0.9em;
}

.yc-member-savings--block {
	display: flex;
	justify-content: space-between;
	gap: 1em;
	font-weight: 600;
	color: #138a4b;
}

.yc-redeem--block .yc-redeem__form {
	flex-wrap: wrap;
}

.yc-redeem--block .yc-redeem__input {
	flex: 1 1 6em;
	min-width: 0;
	min-height: 40px;
	padding: 0 0.6em;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	font: inherit;
}

.yc-redeem--block button {
	min-height: 40px;
	padding: 0 1em;
	border: 1px solid currentColor;
	border-radius: 8px;
	background: transparent;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.yc-redeem--block .yc-redeem__apply {
	border-color: #5b5bd6;
	background: #5b5bd6;
	color: #fff;
}

.yc-redeem--block button:disabled {
	opacity: 0.6;
	cursor: wait;
}