/*
 * Mini cart (header button and drawer), the cart line items and totals the drawer shares with the cart page,
 * and the store notices. Loaded on every storefront page: the header and the drawer are everywhere.
 *
 * Every rule is scoped to the wrapper of a WooCommerce block. Those classes are built from block names
 * (wp-block-woocommerce-<block>), which WooCommerce keeps across releases; the wc-block-components-* classes
 * inside them are internal and change, so they only ever appear under such a wrapper.
 *
 * Moved here 2026-10-22 from Fluent Snippets 23 "Mini cart", 66 "Mini cart button in header" and 102 "Cart page"
 * (102 was unconditional, so its line-item rules always applied to the drawer as well).
 */

/* ── Header button ───────────────────────────────────────────────────────────── */

.wp-block-woocommerce-mini-cart .wc-block-mini-cart__button {
	cursor: pointer;
	opacity: 1 !important;
}

.wp-block-woocommerce-mini-cart .wc-block-mini-cart__button:hover:not([disabled]) {
	background-color: transparent;
	opacity: 1 !important;
}

.wp-block-woocommerce-mini-cart .wc-block-mini-cart__button:hover:not([disabled]) svg {
	color: var(--wp--preset--color--accent) !important;
}

.wp-block-woocommerce-mini-cart .wc-block-mini-cart__button:hover .wc-block-mini-cart__badge {
	background-color: var(--wp--preset--color--accent) !important;
}

/* ── Drawer ──────────────────────────────────────────────────────────────────── */

/* WooCommerce draws a 1px line down the drawer's left edge (::after, border-left) to set it off from the page. On a
   phone the drawer is full width (is-mobile) and the line ran along the screen edge. The drawer is rendered outside
   the block, so no wrapper to scope by. Gone from WooCommerce's own CSS in 11.x; harmless there. */
.wc-block-mini-cart__drawer.is-mobile::after {
	border-left-width: 0;
}

.wp-block-woocommerce-filled-mini-cart-contents-block {
	background: #232323;
	font-family: 'Onest';
}

.wp-block-woocommerce-empty-mini-cart-contents-block {
	font-family: 'Onest';
}

.wp-block-woocommerce-mini-cart-contents h2.wc-block-mini-cart__title {
	font-size: 34px;
	font-weight: 700;
	padding-bottom: 0;
}

/* "N шт." next to the title (wording in js/wc-strings.js and storefront.php) */
.wp-block-woocommerce-mini-cart-contents .wp-block-woocommerce-mini-cart-title-items-counter-block {
	color: var(--wp--preset--color--custom-font-gray);
}

.wp-block-woocommerce-mini-cart-contents .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions {
	gap: 0; /* the right edge of "proceed to checkout" lined up with nothing otherwise */
}

/* An empty <p> WordPress leaves behind in the block markup */
.wp-block-woocommerce-mini-cart-contents .wc-block-mini-cart__footer-actions > p:last-child:empty,
.wp-block-woocommerce-filled-mini-cart-contents-block > p:last-child:empty {
	display: none;
}

.wp-block-woocommerce-mini-cart-contents .wc-block-components-button.wp-block-woocommerce-mini-cart-checkout-button-block {
	border-radius: 30px;
	background-color: #C5FF00;
	color: #121212;
}

.wp-block-woocommerce-mini-cart-contents a.wc-block-components-button.wp-block-woocommerce-mini-cart-shopping-button-block {
	color: #121212;
}

/* ── Buttons, line items and totals: drawer and cart page ────────────────────── */

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-button:not(.is-link) {
	border-radius: 30px;
}

/* Not the outlined "view cart" button: WooCommerce keeps it transparent, and it shows up on keyboard focus. */
:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-button:not(.is-link):not(.outlined) {
	background: #C5FF00;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-button:not(.is-link):hover {
	color: #121212;
	opacity: 0.9;
	border-radius: 30px;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-button:not(.is-link):focus {
	box-shadow: inset 0 0 0 1px rgb(197 255 0), 0 0 0 2px #000;
	outline: 3px solid transparent;
}

/* "View my cart": only "proceed to checkout" is offered */
:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-button:not(.is-link).outlined:not(:focus) {
	display: none;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-totals-item__description {
	display: none !important;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-product-badge {
	display: none;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-item__product .wc-block-components-product-metadata {
	display: none;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-quantity-selector {
	border-radius: 10px;
	background: #333333;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-quantity-selector::after {
	border: none;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) :is(.wc-block-components-product-price__value, .wc-block-components-product-price__regular) {
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.05em;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-product-price__value.is-discounted {
	margin: 0;
}

/* Narrow layouts: no per-line total. WooCommerce sets is-mobile on the drawer (outside the block) in the mini
   cart, and on the sidebar layout inside the block on the cart page. */
.is-mobile :is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount {
	display: none;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-item__quantity {
	display: flex;
}

/* Remove-item link drawn as a trash-bin icon */
:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-item__remove-link {
	position: relative;
	color: transparent;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	margin-top: 4px !important;
	width: 25px;
	height: 25px;
	display: inline-block;
	overflow: hidden;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-item__remove-link::before {
	content: "";
	display: block;
	width: 80%;
	height: 100%;
	background-image: url('https://gamepropaganda.com/wp-content/uploads/2025/10/Trash-Bin-Icon-2.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-item__remove-link span {
	display: none;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-items .wc-block-cart-items__row td:first-child,
:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-items .wc-block-cart-items__header th:first-child {
	text-align: left;
	padding-left: 0 !important;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-items .wc-block-cart-items__row td:last-child,
:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-items .wc-block-cart-items__header th:last-child {
	padding-right: 0 !important;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-cart-items .wc-block-cart-items__row img {
	border-radius: 12px;
}

:is(.wp-block-woocommerce-mini-cart-contents, .wp-block-woocommerce-cart) .wc-block-components-totals-coupon__form .wc-block-components-button__text {
	color: black;
	opacity: 1 !important;
}

/* ── Store notices ───────────────────────────────────────────────────────────── */

/* Snippet 71 hid the "view cart" link and 102 showed it again with !important; 102 has won since. */
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
	display: flex !important;
}