/* WP Stripe Cart Pro — coupon input in the cart drawer.
   Uses the base plugin's design tokens so it matches the active theme. */

.wsc-pro-coupon {
	width: 100%;
	box-sizing: border-box;
	align-self: stretch;
	/* top: separate from the total row above; bottom: breathing room before the
	   checkout button that follows. */
	margin: 12px 0 16px;
}
.wsc-pro-coupon__row {
	display: flex;
	width: 100%;
	gap: 8px;
}
.wsc-pro-coupon__input {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 44px;
	box-sizing: border-box;
	padding: 0.5em 0.75em;
	border: 1px solid var(--wsc-line-strong, rgba(17,17,17,.32));
	border-radius: var(--wsc-radius, 4px);
	background: var(--wsc-bg, #fff);
	color: var(--wsc-fg, #111);
	font-size: 16px;
	line-height: 1.4;
}
.wsc-pro-coupon__input:disabled {
	opacity: .7;
}
.wsc-pro-coupon__btn {
	flex: 0 0 auto;
	min-height: 44px;
	box-sizing: border-box;
	padding: 0 1.1em;
	border: 1px solid var(--wsc-line-strong, rgba(17,17,17,.32));
	border-radius: var(--wsc-radius, 4px);
	background: transparent;
	color: var(--wsc-fg, #111);
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
}
.wsc-pro-coupon.is-applied .wsc-pro-coupon__btn {
	color: var(--wsc-muted, #636363);
}
.wsc-pro-coupon__msg:not(:empty) {
	margin-top: 6px;
	font-size: 12px;
	color: var(--wsc-error, #d63638);
}

/* Discount row: hidden until the base marks the cart/checkout as discounted. */
.wsc-pro-discount-row {
	display: none;
}
.wp-stripe-cart-cart.wsc-has-discount .wsc-pro-discount-row,
.wp-stripe-cart-checkout.wsc-has-discount .wsc-pro-discount-row {
	display: flex;
	width: 100%;               /* match the base subtotal/total rows so the amount right-aligns */
	justify-content: space-between;
	margin-bottom: 5px;
}
/* Match the subtotal / tax rows (13px), not the larger total. */
.wp-stripe-cart-cart-footer__discount_label,
.wp-stripe-cart-cart-footer__discount_amount,
.stripe_payment_form_footer__discount_label,
.stripe_payment_form_footer__discount_amount {
	font-size: 13px;
}
.wp-stripe-cart-cart-footer__discount_amount.wsc-discount-amount,
.stripe_payment_form_footer__discount_amount.wsc-discount-amount {
	color: var(--wsc-success, #1e8e3e);
	font-weight: 600;
}