/**
 * August Voucher — cart / mini-cart / checkout line presentation.
 * Type chip: 0.5px green border, 999px radius, transparent bg (checkout + mini-cart).
 */

.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher .mp-mini-cart-item__voucher-type,
.iac-checkout .mp-checkout-review-item--voucher .mp-mini-cart-item__voucher-type,
.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher dl.variation dd.variation-typ {
	display: inline-block !important;
	width: fit-content !important;
	max-width: fit-content !important;
	box-sizing: border-box;
	margin: 0;
	padding: 0.2rem 0.55rem;
	font-family: var(--mp-font-sans, inherit);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.25;
	color: var(--mp-green, #3f543c);
	background: transparent !important;
	border: 0.5px solid var(--mp-green, #3f543c);
	border-radius: 999px;
	box-shadow: none;
	float: none !important;
	grid-column: auto !important;
	justify-self: start;
}

/* wpautop wraps the value — no second pill border on the inner <p>. */
.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher dl.variation dd.variation-typ p {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	font: inherit;
	color: inherit;
	letter-spacing: inherit;
	width: auto !important;
}

/* Beat reservation dl grid (theme style.css) so the pill doesn't stretch. */
.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher.mp-mini-cart-item--reservation .mp-mini-cart-item__main > dl.variation,
.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher dl.variation {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	align-self: start !important;
	grid-template-columns: none !important;
	gap: 0.35rem;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 0 !important;
	width: auto !important;
	max-width: 100%;
}

.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher dl.variation dt {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher .mp-mini-cart-item__voucher-package,
.iac-checkout .mp-checkout-review-item--voucher .mp-mini-cart-item__voucher-package {
	margin: 0;
	font-family: var(--mp-font-sans, inherit);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	color: rgba(77, 55, 40, 0.82);
}

.iac-checkout .mp-checkout-review-item--voucher .mp-mini-cart-item__voucher-meta,
.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher .mp-mini-cart-item__voucher-meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
	margin-top: 0.15rem;
	width: 100%;
}

/* Mini-cart layout aligned with checkout review voucher rows. */
.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher .mp-mini-cart-item__main {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
	padding-left: 0;
}

.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher .mp-mini-cart-item__title-row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 100%;
}

.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher .mp-mini-cart-item__title {
	flex: 1 1 auto;
	min-width: 0;
	font-family: var(--mp-font-sans, inherit);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
}

.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher .mp-mini-cart-item__aside {
	display: grid;
	grid-template-rows: auto auto;
	align-content: start;
	row-gap: 0.35rem;
	justify-items: end;
}

.mp-mini-cart .woocommerce-mini-cart-item.mp-mini-cart-item--voucher .mp-mini-cart-item__stepper {
	display: none !important;
}

.iac-checkout .mp-checkout-review-item--voucher dl.variation {
	display: none !important;
}