/**
 * Style ikony kosza doklejanej do wierszy natywnej listy "Podsumowanie
 * zamówienia" w bloku Kasa - patrz class-cts-wc-checkout-cart-editor.php i
 * assets/js/wc-blocks-checkout-cart-editor.js.
 *
 * !important - domyślny reset przycisków bloku Kasa WooCommerce (selektor z
 * tagiem 'button', wyższa specyficzność) nadpisuje tło/obramowanie/kolor,
 * jeśli go nie przebijemy - ten sam problem i rozwiązanie co w
 * .cts-upsell-item__button (patrz wc-checkout-upsell.css).
 */

/* Wiersz z doklejonym przyciskiem - już jest display:flex natywnie,
   dopisujemy tylko wyrównanie w pionie dla nowego (4.) dziecka. */
.wc-block-components-order-summary-item.cts-cart-editor-row {
	position: relative;
}

.cts-cart-editor-remove {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
	flex: 0 0 auto !important;
	width: 30px !important;
	height: 30px !important;
	margin: 0 0 0 6px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #8a8a8a !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
}

.cts-cart-editor-remove svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.75;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.cts-cart-editor-remove:hover:not(:disabled) {
	background-color: rgba(0, 0, 0, 0.06) !important;
	color: #b32d2e !important;
}

.cts-cart-editor-remove:focus-visible {
	outline: 2px solid #b32d2e !important;
	outline-offset: 1px !important;
}

/* Stan po pierwszym kliknięciu ("Na pewno?") - wyraźnie na czerwono, żeby
   drugie kliknięcie było świadomą decyzją. */
.cts-cart-editor-remove--confirm {
	background-color: #d63638 !important;
	color: #fff !important;
}

.cts-cart-editor-remove--confirm:hover:not(:disabled) {
	background-color: #b32d2e !important;
	color: #fff !important;
}

.cts-cart-editor-remove--removing {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
}

.cts-cart-editor-remove:disabled {
	cursor: not-allowed !important;
}