/*
 * TeggenPay instalment messaging — "or 4 interest-free payments of … with" and
 * the method's badge, under a product's price and on the cart.
 *
 * Loaded on product pages and the cart only, and only while a checkout row has
 * the message switched on. The same two rules as the checkout stylesheet: every
 * selector is one teggenpay- class deep, so a theme overrules any of it with one
 * ordinary rule, and !important appears once, on the [hidden] guard, which is
 * correctness rather than styling.
 */

.teggenpay-instalment-message {
	margin: 0.25em 0 1em;
	font-size: 0.875em;
	line-height: 1.8;
	/*
	 * Themes upper-case and track out product-summary text; the message carries
	 * a price and a brand, and neither should be mangled by either.
	 */
	text-transform: none;
	letter-spacing: normal;
}

.teggenpay-instalment-message[hidden] {
	/*
	 * A variable product draws the message hidden until a variation with a price
	 * is chosen. `hidden` is only a user-agent `display: none`, and a theme rule
	 * setting `display` on a paragraph would otherwise reveal an empty sentence.
	 */
	display: none !important;
}

.teggenpay-instalment-message__amount {
	font-weight: 600;
	white-space: nowrap;
}

.teggenpay-instalment-message__badge {
	/*
	 * The brand's own badge, BARE: the checkout rows' tile taken away and nothing
	 * else altered (assets/images/badges/, provenance in
	 * assets/images/schemes/README.md). A height and `width: auto`, never both,
	 * so it cannot be stretched.
	 *
	 * The brand pack's minimum size is not recorded in this repository, so the
	 * height is a choice, written down here: 1.5em — about twice the cap height
	 * of the sentence around it, so the wordmark inside the pill reads at the
	 * scale of the words beside it and tracks them when a theme resizes them —
	 * and never under 18px, however small a theme sets its type.
	 */
	display: inline-block;
	height: 1.5em;
	min-height: 18px;
	width: auto;
	margin-left: 0.15em;
	vertical-align: middle;
}

.teggenpay-instalment-message__method {
	font-weight: 600;
}