/**
 * Header cart icon (WooCommerce)
 */

.ms-header__cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: var(--ms-radius-sm);
	font-family: var(--ms-font, inherit);
	color: var(--ms-color-text);
	text-decoration: none;
	transition: background var(--ms-transition), color var(--ms-transition);
}

.ms-header__cart:hover {
	background: var(--ms-color-navy-light);
	color: var(--ms-color-primary);
}

.ms-header__cart-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ms-header__cart-count {
	position: absolute;
	top: 0.1rem;
	inset-inline-start: 0.1rem;
	min-width: 1.1rem;
	height: 1.1rem;
	padding: 0 0.2rem;
	border-radius: 999px;
	background: var(--ms-color-primary);
	color: #fff;
	font-family: inherit;
	font-size: var(--ms-text-xs, 0.62rem);
	font-weight: 800;
	line-height: 1.1rem;
	text-align: center;
	opacity: 0;
	transform: scale(0.6);
	transition: opacity var(--ms-transition), transform var(--ms-transition);
}

.ms-header__cart-count.is-visible {
	opacity: 1;
	transform: scale(1);
}