/*
 * гимнастика36.рф — side cart (WoodMart mini cart) and the phone toolbar cart (README «Корзина»).
 */
:root {
	--gym36-blue: #1f74b8;
	--gym36-blue-dark: #185c93;
	--gym36-blue-soft: #eaf3fb;
	--gym36-ink: #1f2933;
	--gym36-muted: #5f6b76;
	--gym36-line: #e3e8ee;
}

.cart-widget-side .wd-heading .title {
	font-weight: 700;
}
.cart-widget-side .gym36-cart-count {
	font-weight: 400;
	color: var(--gym36-muted);
}

/* Items */
.cart-widget-side .woocommerce-mini-cart-item {
	padding: 16px 20px;
}
.cart-widget-side .woocommerce-mini-cart-item .cart-item-image img {
	width: 72px;
	height: 72px;
	object-fit: contain;
	border-radius: 8px;
	border: 1px solid var(--gym36-line);
	background: #fff;
}
.cart-widget-side .woocommerce-mini-cart-item .wd-entities-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	color: var(--gym36-ink);
}
/* «1 × 12 990 ₽»: the sum readable, the multiplier quiet */
.cart-widget-side .cart-info span.quantity {
	color: var(--gym36-muted);
	font-size: 13px;
}
.cart-widget-side .cart-info span.quantity .amount {
	color: var(--gym36-ink);
	font-size: 15px;
	font-weight: 700;
}
.cart-widget-side .cart-info .quantity input.qty {
	min-height: 34px;
}
/* Delete: the theme's own cross (its box and icon stay), only clearer colours */
.cart-widget-side .woocommerce-mini-cart-item .remove {
	color: var(--gym36-muted);
}
.cart-widget-side .woocommerce-mini-cart-item .remove:hover {
	color: #a4372a;
}

/* Footer: total, note, buttons */
.cart-widget-side .shopping-cart-widget-footer {
	padding-top: 16px;
	box-shadow: 0 -8px 20px rgba(31, 41, 51, .06);
}
.cart-widget-side .woocommerce-mini-cart__total {
	font-size: 17px;
}
.cart-widget-side .woocommerce-mini-cart__total .amount {
	color: var(--gym36-ink);
	font-size: 20px;
	font-weight: 700;
}
.gym36-cart-note {
	margin: 0 20px 12px;
	padding: 10px 12px;
	border-radius: 8px;
	background: #fafcfe;
	border: 1px solid var(--gym36-line);
	font-size: 13px;
	line-height: 1.45;
	color: var(--gym36-muted);
}
.cart-widget-side .woocommerce-mini-cart__buttons {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.cart-widget-side .woocommerce-mini-cart__buttons .button {
	margin: 0;
	min-height: 48px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
}
.cart-widget-side .woocommerce-mini-cart__buttons .checkout {
	background: var(--gym36-blue);
	color: #fff;
}
.cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover {
	background: var(--gym36-blue-dark);
}
.cart-widget-side .woocommerce-mini-cart__buttons .btn-cart {
	background: #fff;
	color: var(--gym36-blue);
	box-shadow: inset 0 0 0 1px var(--gym36-blue);
}
.cart-widget-side .woocommerce-mini-cart__buttons .btn-cart:hover {
	background: var(--gym36-blue-soft);
}

/* Empty cart: the message block does not stretch, so the category chips (printed after the footer) follow it */
.cart-widget-side .widget_shopping_cart_content:has(.wd-empty-mini-cart) .shopping-cart-widget-body {
	flex: 0 0 auto;
	height: auto;
}
/* the scroll area is absolutely placed inside the body; with a non-stretching body it must take part in the flow */
.cart-widget-side .widget_shopping_cart_content:has(.wd-empty-mini-cart) .shopping-cart-widget-body .wd-scroll-content {
	position: static;
	height: auto;
	max-height: none;
}
.cart-widget-side .shopping-cart-widget-footer.wd-cart-empty {
	box-shadow: none;
	padding-top: 0;
}

/* Phone toolbar has five items now (Магазин · Фильтры · Корзина · Избранное · Меню): labels fit without «Избранн…» */
.wd-toolbar .wd-toolbar-label {
	font-size: 11px;
	letter-spacing: -0.01em;
}

/* Empty cart: chips with categories */
.gym36-cart-empty-cats {
	padding: 8px 20px 20px;
}
.gym36-cart-empty-title {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 700;
	color: var(--gym36-ink);
}
.gym36-cart-empty-cats .gym36-chips ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.gym36-cart-empty-cats .gym36-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 4px 12px 4px 6px;
	border: 1px solid var(--gym36-line);
	border-radius: 999px;
	background: #fff;
	color: var(--gym36-ink);
	font-size: 13px;
	text-decoration: none;
}
.gym36-cart-empty-cats .gym36-chip:not(:has(img)) {
	padding-left: 12px;
}
.gym36-cart-empty-cats .gym36-chip img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}
.gym36-cart-empty-cats .gym36-chip.is-active {
	background: #fff;
	color: var(--gym36-ink);
}