/* ============================================================================
   VANGUARD GROWTH STACK — product polish styles
   Append to style.css (or enqueue separately). Uses existing theme tokens:
   --dark-green #2d5a47 · --new-red #c0432a · Jost font.
   ========================================================================== */

/* ---- (B) Amino-style bundle price block ---- */
/* Side-by-side layout: "BUNDLE PRICE" label on top, then the struck-through
   original and the green bundle total sitting next to each other at the SAME
   font size. */
#vg-bundle-price{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:4px;
	line-height:1.2;
	padding:4px 0;
}
/* "BUNDLE PRICE" label — sits above the price row */
#vg-bundle-price .vg-bp-label{
	font-size:11px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--dark-green,#2d5a47);
	display:block;
	margin:0;
	padding:0;
	line-height:1;
	order:0;
}
/* Row that holds original + total side by side */
#vg-bundle-price .vg-bp-row{
	display:flex;
	align-items:center;
	gap:16px;
	order:1;
}
/* Grey strikethrough — SAME size as the green total, centered with it */
#vg-bundle-price .vg-bp-orig{
	font-size:34px;
	color:#9a9a96;
	text-decoration:line-through;
	text-decoration-thickness:2px;
	font-weight:600;
	letter-spacing:-.02em;
	display:inline-flex;
	align-items:center;
	margin:0;
	padding:0;
	line-height:1;
}
/* Big green price — SAME size as the strikethrough */
#vg-bundle-price .vg-bp-total{
	font-size:34px;
	font-weight:800;
	color:var(--dark-green,#2d5a47);
	letter-spacing:-.02em;
	line-height:1;
	display:inline-flex;
	align-items:center;
	margin:0;
	padding:0;
}
@media(max-width:600px){
	#vg-bundle-price .vg-bp-orig,
	#vg-bundle-price .vg-bp-total{ font-size:27px; }
	#vg-bundle-price .vg-bp-row{ gap:10px; }
}

/* ---- (A) Colored payment logo row ---- */
.vg-pay-row{
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
	padding-top:16px;
	margin-top:4px;
	border-top:1px solid var(--light-gray,#e8e8e4);
}
.vg-pay-label{
	font-size:12px;
	color:var(--text-muted,#777);
	font-weight:500;
}
.vg-pay-logos{
	display:flex;
	align-items:center;
	gap:7px;
	flex-wrap:wrap;
}
.vg-pay-chip{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	line-height:0;
	border-radius:5px;
	transition:transform .15s ease, filter .15s ease;
}
.vg-pay-chip:hover{ transform:translateY(-1px); }
.vg-pay-chip svg{ display:block; border-radius:5px; }
@media(max-width:600px){
	.vg-pay-row{ justify-content:flex-start; }
	.vg-pay-chip svg{ width:34px; height:21px; }
}

/* ============================================================================
   ORDER SUMMARY — hide the auto-generated "Save $X" badge.
   WooCommerce adds this green/grey badge automatically because the bundle
   discount makes each line item look "on sale". It floats awkwardly to the
   right of the price and confuses customers, since the struck-through unit
   price ($69.99 -> $64.74) already communicates the saving. We hide the badge
   in the order-summary/cart context only (it does NOT affect product pages).
   The amounts themselves are unchanged and correct.
   Broad selector list + !important so it wins regardless of which Blocks
   version/class WooCommerce ships.
   ========================================================================== */
.wc-block-components-order-summary-item .wc-block-components-sale-badge,
.wc-block-components-order-summary-item__description .wc-block-components-sale-badge,
.wc-block-components-order-summary-item .wc-block-components-product-sale-badge,
.wc-block-components-order-summary-item__description .wc-block-components-product-sale-badge,
.wc-block-components-order-summary .wc-block-components-sale-badge,
.wc-block-components-order-summary .wc-block-components-product-sale-badge,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-sale-badge,
.wc-block-checkout__sidebar .wc-block-components-sale-badge,
.wc-block-mini-cart__items .wc-block-components-sale-badge{
	display:none !important;
}
/* Keep the struck-through regular price muted and the live price prominent so
   the discount still reads clearly without the badge. */
.wc-block-components-order-summary-item .wc-block-components-product-price__regular{
	color:#9a9a96;
	text-decoration:line-through;
}
.wc-block-components-order-summary-item .wc-block-components-product-price__value{
	font-weight:700;
	color:#111;
}