/**
 * Cart and checkout subscription terms.
 *
 * The terms sit under the line they qualify and must not compete with the
 * amount — but the one thing they cannot be is unreadable. WooCommerce renders
 * cart item data at 0.875em of an already-reduced context, which lands the
 * block cart's version around 10px of grey on white. Anything that says "then
 * $99.00 / year" has to be legible, so the size is set here rather than
 * inherited down to nothing.
 */

.ftgws-cart-terms {
	display: block;
	line-height: 1.45;
}

.ftgws-cart-terms .amount {
	font-weight: 600;
}

/* Block cart and checkout: WooCommerce keys the wrapper off the item-data
   name, so this is the "Subscription:" row specifically. */
.wc-block-components-product-details__subscription {
	font-size: 0.875rem;
	color: inherit;
}

.wc-block-components-product-details__subscription .wc-block-components-product-details__name {
	font-weight: 600;
}

/* Classic cart and checkout: the recurring commitment, under the order total. */
.ftgws-recurring-total th,
.ftgws-recurring-total td {
	border-top: 1px solid rgba( 0, 0, 0, 0.08 );
}

.ftgws-recurring-total__starts {
	display: block;
	margin-top: 0.25em;
	font-size: 0.875em;
	font-weight: 400;
}