/* PP Vouchers — cart/checkout notices and My Account cards. Theme tokens only. */

.pp-voucher-notes {
	margin: 0 0 var(--pp-sp-5);
}

.pp-voucher-note {
	margin: 0 0 var(--pp-sp-4);
	padding: var(--pp-sp-3) var(--pp-sp-4);
	border: var(--pp-bw-hair) solid var(--pp-border);
	border-left: var(--pp-bw-tab) solid var(--pp-magenta);
	border-radius: var(--pp-r-xl);
	background: var(--pp-bg-soft);
	color: var(--pp-text-2);
	font-family: var(--pp-font);
	font-size: var(--pp-fs-body);
	line-height: 1.5;
}

.pp-voucher-note p {
	margin: 0;
}

.pp-voucher-note strong {
	color: var(--pp-ink);
	font-weight: var(--pp-fw-semibold);
}

.pp-voucher-note--success {
	border-left-color: var(--pp-success);
	background: var(--pp-bg);
}

.pp-voucher-note--progress {
	border-left-color: var(--pp-pool);
	background: var(--pp-pool-soft);
}

.pp-voucher-note__link {
	color: var(--pp-magenta);
	font-weight: var(--pp-fw-semibold);
	text-decoration: underline;
	white-space: nowrap;
}

.pp-voucher-note__link:hover,
.pp-voucher-note__link:focus-visible {
	color: var(--pp-magenta-dark);
}

/* Inside the register card, sit snugly above the first field. */
.woocommerce-form-register .pp-voucher-note {
	margin-bottom: var(--pp-sp-5);
}

/* Blocks: voucher chip has no remove button (hidden by vouchers.js too). */
.pp-voucher-chip .wc-block-components-chip__remove {
	display: none !important;
}

/* My Account dashboard */
.pp-voucher-account {
	margin: 0 0 var(--pp-sp-8);
}

.pp-voucher-account__title {
	margin: 0 0 var(--pp-sp-3);
	color: var(--pp-ink);
	font-size: var(--pp-fs-h6);
	font-weight: var(--pp-fw-bold);
}

.pp-voucher-card {
	display: flex;
	align-items: center;
	gap: var(--pp-sp-4);
	margin: 0 0 var(--pp-sp-3);
	padding: var(--pp-sp-4);
	border: var(--pp-bw-hair) dashed var(--pp-magenta);
	border-radius: var(--pp-r-xl);
	background: var(--pp-bg-soft);
}

.pp-voucher-card__value {
	flex: 0 0 auto;
	min-width: 88px;
	padding: var(--pp-sp-3) var(--pp-sp-4);
	border-radius: var(--pp-r-lg);
	background: var(--pp-magenta);
	color: var(--pp-on-dark);
	font-size: var(--pp-fs-h5);
	font-weight: var(--pp-fw-black);
	line-height: 1;
	text-align: center;
}

.pp-voucher-card__body p {
	margin: 0;
}

.pp-voucher-card__name {
	color: var(--pp-ink);
	font-size: var(--pp-fs-body-lg);
	font-weight: var(--pp-fw-semibold);
}

.pp-voucher-card__how {
	color: var(--pp-text-2);
	font-size: var(--pp-fs-body);
}

.pp-voucher-card__meta {
	margin-top: var(--pp-sp-1) !important;
	color: var(--pp-text-3);
	font-size: var(--pp-fs-xs);
}

@media (max-width: 560px) {
	.pp-voucher-card {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Settings → "Hide the coupon code field" (body class from PP_Vouchers_Cart::body_class). */
.pp-hide-coupon-field .woocommerce-cart-form .actions .coupon,
.pp-hide-coupon-field .woocommerce-form-coupon-toggle,
.pp-hide-coupon-field .checkout_coupon,
.pp-hide-coupon-field .wc-block-components-totals-coupon,
.pp-hide-coupon-field .wp-block-woocommerce-cart-order-summary-coupon-form-block,
.pp-hide-coupon-field .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
	display: none !important;
}

.pp-voucher-note--offer {
	border-left-color: var(--pp-magenta);
}

.pp-voucher-note__use {
	display: inline-block;
	margin-left: var(--pp-sp-1);
}