/* Checkout order recap — the compact order-summary card rendered just above the
   Place Order button on the FunnelKit checkout (feature: checkout-order-recap).
   Matches the checkout's white cards; text-compact like the reference.

   Every rule is scoped under #wfacp-e-form (FunnelKit's checkout form) on purpose:
   FunnelKit ships an ID-scoped Meyer reset — `#wfacp-e-form td, …tr, …table, …h3 {
   margin:0; padding:0; border:0; font-size:100% }` (specificity 1,0,1) — which
   otherwise wipes this card's row borders, cell padding and type. Scoping our rules
   under the same #wfacp-e-form ID lifts them to (1,1,x) so they win. The card always
   renders inside #wfacp-e-form (hook woocommerce_review_order_before_submit) and this
   stylesheet loads only on that checkout, so the scope always matches. The row-border
   rules also carry !important as belt-and-braces (the reset has none). */

#wfacp-e-form .lubiwood-order-recap {
	background: #fff;
	border: 1px solid #e2e8dd;
	border-radius: 12px;
	padding: 16px 18px;
	margin: 6px 0 18px;
	box-shadow: 0 1px 3px rgba(60, 110, 40, 0.06);
	text-align: left;
}

#wfacp-e-form .lubiwood-order-recap__title {
	margin: 0 0 12px;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	color: #23301c;
}

#wfacp-e-form .lubiwood-order-recap__body {
	display: block;
}

#wfacp-e-form .lubiwood-order-recap__table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.4;
	color: #3a4a30;
}
#wfacp-e-form .lubiwood-order-recap__table tbody,
#wfacp-e-form .lubiwood-order-recap__table tr {
	border: 0;
	background: none;
}

#wfacp-e-form .lubiwood-order-recap__table td {
	padding: 9px 0;
	border: 0;
	vertical-align: top;
	background: none;
}

#wfacp-e-form .lubiwood-order-recap__amt {
	text-align: right;
	white-space: nowrap;
	padding-left: 14px;
	font-variant-numeric: tabular-nums;
}

/* Line items: qty accent + muted variation sub-line. */
#wfacp-e-form .lubiwood-order-recap__qty {
	color: #7a8a6e;
	font-weight: 700;
}
#wfacp-e-form .lubiwood-order-recap__meta {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: #8a9780;
}

/* Ruled ledger, like the reference: a light hairline between every row. `tr + tr`
   skips the first row, so lines fall *between* rows, full table width. The Total's
   own (stronger) top rule below wins on specificity for logical weight hierarchy. */
#wfacp-e-form .lubiwood-order-recap__table tr + tr td {
	border-top: 1px solid #ecefe8 !important;
}

/* Shipping / fee rows — slightly muted labels. */
#wfacp-e-form .lubiwood-order-recap__line .lubiwood-order-recap__label {
	color: #5c6b52;
}

/* Discounts render green + negative. */
#wfacp-e-form .lubiwood-order-recap__discount .lubiwood-order-recap__amt {
	color: #2e7d32;
}
#wfacp-e-form .lubiwood-order-recap__minus {
	margin-right: 1px;
}

/* Total: strong, ruled off from the rows above with a heavier line. */
#wfacp-e-form .lubiwood-order-recap__table tr.lubiwood-order-recap__total td {
	padding-top: 13px;
	border-top: 2px solid #d3ddc9 !important;
	font-weight: 800;
	font-size: 17px;
	color: #23301c;
}
#wfacp-e-form .lubiwood-order-recap__total .lubiwood-order-recap__amt {
	font-size: 18px;
}

/* Amount markup emitted by wc_price() — keep it inline and un-recoloured so it
   inherits each row's colour (incl. the green discount rows). */
#wfacp-e-form .lubiwood-order-recap__amt .woocommerce-Price-amount {
	color: inherit !important;
	font-weight: inherit;
	white-space: nowrap;
}

@media (max-width: 560px) {
	#wfacp-e-form .lubiwood-order-recap {
		padding: 14px 15px;
		margin: 4px 0 16px;
	}
	#wfacp-e-form .lubiwood-order-recap__title {
		font-size: 17px;
	}
	#wfacp-e-form .lubiwood-order-recap__table {
		font-size: 15px;
	}
}