/**
 * FluentCartShopper — FluentCart header cart
 * ====================================
 *
 * The header cart is the one FluentCart surface that appears on every page, so it
 * gets its own tiny stylesheet instead of pulling the whole storefront skin into
 * blog and landing pages. Everything else lives in fluentcart.css, which is only
 * enqueued on store contexts.
 *
 * @package FluentCartShopper
 * @since   2.9.9-fc.1
 */

body.fluentcartshopper-fluentcart .fluentcartshopper-cart .cart-contents {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	background: none;
	border: 0;
	padding: 0;
	color: inherit;
	font: inherit;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
}

body.fluentcartshopper-fluentcart .fluentcartshopper-cart .cart-contents:hover,
body.fluentcartshopper-fluentcart .fluentcartshopper-cart .cart-contents:focus-visible {
	color: #2c2d33;
	text-decoration: none;
}

body.fluentcartshopper-fluentcart .fluentcartshopper-cart .amount {
	font-variant-numeric: tabular-nums;
}

/* The theme's count bubble stays in charge of positioning; this only makes sure
   FluentCart's badge update target stays laid out sensibly at 0. */
body.fluentcartshopper-fluentcart .fluentcartshopper-cart .mini-count.fct-cart-badge-count {
	display: inline-block;
	min-width: 1.25em;
	text-align: center;
}

body.fluentcartshopper-fluentcart .fluentcartshopper-cart .mini-count.fct-cart-badge-count:empty {
	display: none;
}