/* Shop example mini-cart (docs/shop-examples.md): header cart count and the cart drawer. */
.myco-cart-count {
	position: absolute;
	inset-block-start: 0.2rem;
	inset-inline-end: 0.1rem;
	min-width: 1.15rem;
	padding: 0 0.25rem;
	border-radius: 99px;
	background: var(--myco-color-primary);
	color: var(--myco-color-white);
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.15rem;
	text-align: center;
}

.myco-cart-count[hidden] {
	display: none;
}

.myco-mini-cart {
	inline-size: min(26rem, 100vw);
	max-inline-size: 100vw;
	block-size: 100dvh;
	max-block-size: 100dvh;
	margin-block: 0;
	margin-inline: auto 0;
	padding: 0;
	border: 0;
	background: var(--myco-color-bg);
	color: var(--myco-color-text);
}

.myco-mini-cart::backdrop {
	background: color-mix(in srgb, var(--myco-color-text) 45%, transparent);
}

.myco-mini-cart__panel {
	block-size: 100%;
	overflow: auto;
	padding: var(--myco-space-lg);
}

.myco-mini-cart__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-block-end: var(--myco-space-md);
}

.myco-mini-cart__title {
	margin: 0;
	font-size: var(--myco-font-size-lg);
}

.myco-mini-cart .woocommerce-mini-cart {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* The lines, also without WooCommerce's stylesheet. */
.myco-mini-cart .woocommerce-mini-cart-item {
	position: relative;
	display: flow-root;
	padding-block: var(--myco-space-2xs);
	padding-inline-start: 2em;
}

.myco-mini-cart .woocommerce-mini-cart-item img {
	float: inline-end;
	width: 2rem;
	height: auto;
	margin-inline-start: var(--myco-space-2xs);
}

.myco-mini-cart .woocommerce-mini-cart-item a.remove {
	position: absolute;
	inset-inline-start: 0;
	font-size: 1.5em;
	line-height: 1;
	text-decoration: none;
}

html:has(.myco-mini-cart[open]) {
	overflow: hidden;
}