/* Header cart: icon + count + total. Colours come from the Dropdown colour settings. */
a.wcs-cart {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	padding: 0 !important;
	color: inherit !important;
	text-decoration: none !important;
	line-height: 1 !important;
	white-space: nowrap;
	opacity: 1 !important;
}
a.wcs-cart .wcs-cart-icon { position: relative; display: inline-flex; align-items: center; }
a.wcs-cart .wcs-cart-svg { display: block; width: 26px; height: 26px; transition: transform .2s; }
a.wcs-cart:hover .wcs-cart-svg { transform: translateY(-1px); color: var(--wcs-cart-accent, #009f98); }
a.wcs-cart .wcs-cart-count {
	position: absolute;
	top: -10px; right: -14px;
	min-width: 19px; height: 19px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--wcs-cart-accent, #009f98);
	color: var(--wcs-cart-on-accent, #fff);
	font-size: 11px; font-weight: 700; line-height: 19px;
	text-align: center;
	box-shadow: 0 0 0 2px #fff;
}
a.wcs-cart .wcs-cart-count.is-empty { background: #9aa5a4; }
a.wcs-cart .wcs-cart-total { font-size: 15px; font-weight: 700; letter-spacing: .01em; }
a.wcs-cart .wcs-cart-total .woocommerce-Price-amount { font-weight: inherit; color: inherit; }
a.wcs-cart.is-updated .wcs-cart-count { animation: wcs-pop .45s ease; }
@keyframes wcs-pop { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }

li.wcs-cart-item { display: flex !important; align-items: center; margin-left: 12px !important; }
li.wcs-cart-item > a.wcs-cart { padding: 0 !important; }

/* very small screens: keep it compact */
@media (max-width: 480px) { a.wcs-cart .wcs-cart-total { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { a.wcs-cart .wcs-cart-svg { transition: none; } a.wcs-cart.is-updated .wcs-cart-count { animation: none; } }