/* Header cart badge (2026-11-13) - see ../module.php. */

/* Shared: a circle with the count centred in it. */
.header-middle .header-cart-content i.fa.fa-shopping-cart .mini-cart-count {
	box-sizing: border-box;
	overflow: hidden;
	padding: 0;
	border-radius: 50%;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}

/* "99+": tighter digits, the "+" raised and smaller, so the badge stays round. */
.header-middle .header-cart-content i.fa.fa-shopping-cart .mini-cart-count.is-max {
	letter-spacing: -0.6px;
}

.header-middle .header-cart-content i.fa.fa-shopping-cart .mini-cart-count.is-max sup {
	position: relative;
	top: -0.35em;
	font-size: 8px;
	vertical-align: baseline;
}

/* Desktop: 20px -> 22px, same 13px count, same spot on the icon. */
@media only screen and (min-width: 992px) {
	.header-middle .header-cart-content i.fa.fa-shopping-cart .mini-cart-count {
		top: -1px;
		left: 19px;
		width: 22px;
		height: 22px;
		font-size: 13px;
		line-height: 22px;
	}

	.header-middle .header-cart-content i.fa.fa-shopping-cart .mini-cart-count.is-max {
		font-size: 12px;
	}
}

/* Phone/tablet bar: 16px -> 24px, centred on the orange tile's top-right corner - half on
   the tile, half off it - and inside the bar (-7px touched its top edge, -2px covered the
   icon; Szilard, 2026-11-13). */
@media only screen and (max-width: 991px) {
	.header-middle .wf-header-row .header-cart-content i.fa.fa-shopping-cart .mini-cart-count {
		top: -6px;
		right: -10px;
		left: auto;
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 24px;
	}

	.header-middle .wf-header-row .header-cart-content i.fa.fa-shopping-cart .mini-cart-count.is-max {
		font-size: 11px;
	}
}