/**

 * Układ: zdjęcie produktu + przycisk usuwania z listy (warstwy z-index).

 * Style z bloku Gutenberg (obramowanie, padding itd.) są nakładane na .eswislst-wishlist-query-remove-wrap.

 */



.eswislst-wishlist-query-image-wrap {

	position: relative;

	display: block;

}



.eswislst-wishlist-query-image-wrap .eswislst-wishlist-query-remove-wrap {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 2;

	margin: 0;

}



.eswislst-wishlist-query-image-wrap .wp-block-post-featured-image,

.eswislst-wishlist-query-image-wrap .wc-block-components-product-image,

.eswislst-wishlist-query-image-wrap .wp-block-woocommerce-product-image {

	position: relative;

	z-index: 1;

}



/*

 * Przycisk musi mieć realny box (width/height).

 * Ikona .eswislst-close-icon-close jest position:absolute — bez tego button

 * ma 0×0 i outline z WCAG (Podkreślenie linków) jest niewidoczny.

 */

.eswislst-wishlist-query-remove-wrap .eswislst-wishlist-query-remove-btn {

	position: relative;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 25px;

	height: 25px;

	min-width: 25px;

	min-height: 25px;

	margin: 0;

	padding: 0;

	border: 0;

	background: transparent;

	cursor: pointer;

	line-height: 0;

	box-sizing: border-box;

	-webkit-appearance: none;

	appearance: none;

}



.eswislst-wishlist-query-remove-wrap .eswislst-wishlist-query-remove-btn .eswislst-close-icon-close {

	position: absolute;

	inset: 0;

	right: 0;

	top: 0;

	width: 100%;

	height: 100%;

	margin: 0;

}



/* Komunikat wstawiony po AJAX — ten sam układ co core/query-no-results z szablonu. */

.wp-block-query.eswislst-wishlist-query-block .eswislst-wishlist-query-no-results-injected {
	width: 100%;
	margin: 0;
}