/* TW Prodavnica – dugmad na slici artikla u listi (korpa, brz pregled, lista želja) */

/* Lista želja je nasledila belu ikonicu na beloj podlozi, pa se nije videla. */
.woocommerce ul.products li.product .product-loop__buttons .wcboost-wishlist-button,
.woocommerce ul.products li.product .product-loop__buttons .wcboost-wishlist-button:visited,
ul.products li.product .product-loop__buttons .wcboost-wishlist-button {
	width: 40px;
	min-width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: #111;
	box-shadow: none;
}

.woocommerce ul.products li.product .product-loop__buttons .wcboost-wishlist-button:hover,
.woocommerce ul.products li.product .product-loop__buttons .wcboost-wishlist-button:focus-visible,
ul.products li.product .product-loop__buttons .wcboost-wishlist-button:hover,
ul.products li.product .product-loop__buttons .wcboost-wishlist-button:focus-visible {
	/* Same hover as the cart and quick-view buttons next to it (theme colour). */
	background: var(--rz-color-primary, #7b9fc7);
	color: #fff;
}

ul.products li.product .product-loop__buttons .wcboost-wishlist-button .wcboost-wishlist-button__icon,
ul.products li.product .product-loop__buttons .wcboost-wishlist-button .razzi-svg-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	line-height: 0;
}

ul.products li.product .product-loop__buttons .wcboost-wishlist-button svg {
	width: 20px;
	height: 20px;
	stroke: currentColor;
	fill: none;
}

/* Kada je artikal na listi želja, srce je popunjeno – isto kao na stranici artikla. */
ul.products li.product .product-loop__buttons .wcboost-wishlist-button.added svg {
	fill: currentColor;
}

/* On hover all three icons go white on the theme-coloured circle. The cart icon
   carries a black fill in its own SVG, so it needs the override too. */
ul.products li.product .product-loop__buttons .add_to_cart_button:hover svg,
ul.products li.product .product-loop__buttons .add_to_cart_button:hover svg path,
ul.products li.product .product-loop__buttons .add_to_cart_button:focus-visible svg path {
	fill: currentColor;
}

/* Telefon i tablet: nema hover, pa su dugmad uvek prikazana u uglu slike.
   Tema ih ostavlja kao gole ikonice (16–20px), pa se gube na tamnim fotografijama
   i teško se pogađaju prstom. Dajemo im belu podlogu i veću dodirnu površinu.
   Selektor sadrži body i .product-inner, jer mobilni CSS teme ima istu težinu i učitava se kasnije. */
@media (max-width: 767px) {
	body ul.products li.product .product-inner .product-loop__buttons .quick-view-button,
	body ul.products li.product .product-inner .product-loop__buttons .wcboost-wishlist-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		min-width: 38px;
		height: 38px;
		margin: 10px 0 0;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.92);
		color: #111;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
	}

	body ul.products li.product .product-inner .product-loop__buttons .quick-view-button svg,
	body ul.products li.product .product-inner .product-loop__buttons .wcboost-wishlist-button svg {
		width: 18px;
		height: 18px;
	}
}