/*
 * Kartice proizvoda - isto u product-collection (arhive) i u klasicnom Woo loop-u (ul.products,
 * npr. blok lwa/products u omotacu .lwa-products).
 */

/* ---- klasicni loop ---- */
.lwa-products ul.products,
ul.products {
	display: grid;
	grid-template-columns: repeat(var(--lwa-cols, 3), minmax(0, 1fr));
	gap: 2.5rem 2%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.lwa-products ul.products.columns-1, ul.products.columns-1 { --lwa-cols: 1; }
.lwa-products ul.products.columns-2, ul.products.columns-2 { --lwa-cols: 2; }
.lwa-products ul.products.columns-3, ul.products.columns-3 { --lwa-cols: 3; }
.lwa-products ul.products.columns-4, ul.products.columns-4 { --lwa-cols: 4; }
.lwa-products ul.products.columns-5, ul.products.columns-5 { --lwa-cols: 5; }
.lwa-products ul.products.columns-6, ul.products.columns-6 { --lwa-cols: 6; }
@media (max-width: 1024px) { .lwa-products ul.products, ul.products { --lwa-cols: 2 !important; } }
@media (max-width: 600px)  { .lwa-products ul.products, ul.products { --lwa-cols: 1 !important; } }

ul.products::before, ul.products::after { display: none !important; }
ul.products.products li.product.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	display: flex;
	flex-direction: column;
	text-align: left;
	position: relative;
}
ul.products.products li.product.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; color: inherit; }
ul.products.products li.product.product img,
.wc-block-product-template .wc-block-components-product-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	margin: 0 0 0.75rem;
}
ul.products.products li.product.product .woocommerce-loop-product__title,
.wc-block-product-template .wp-block-post-title {
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
	padding: 0;
	margin: 0 0 0.25rem;
	text-align: left;
}
.wc-block-product-template .wp-block-post-title a { color: inherit; text-decoration: none; }
ul.products.products li.product.product .star-rating,
.wc-block-product-template .wc-block-components-product-rating { margin: 0 0 0.25rem; font-size: 0.8em; color: var(--wp--preset--color--primary); }
ul.products.products li.product.product .price,
.wc-block-product-template .wc-block-components-product-price {
	display: block;
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--large);
	margin: 0 0 0.75rem;
	text-align: left;
}
ul.products.products li.product.product .price ins { background: none; text-decoration: none; }
ul.products.products li.product.product .price del { opacity: 0.6; font-size: 0.8em; }
/* dugme "Odaberite opcije" - mali podvuceni link */
ul.products.products li.product.product .button,
.wc-block-product-template .wp-block-woocommerce-product-button .wp-block-button__link,
.wc-block-product-template .wc-block-components-product-button .wp-block-button__link {
	align-self: flex-start;
	background: transparent !important;
	color: var(--wp--preset--color--primary) !important;
	padding: 0 0 2px !important;
	font-size: var(--wp--preset--font-size--small);
	border: 0;
	border-bottom: 1px solid currentColor;
	border-radius: 0;
	margin-top: auto;
	text-align: left;
}
ul.products.products li.product.product .button:hover,
.wc-block-product-template .wp-block-button__link:hover { color: var(--wp--preset--color--secondary) !important; }
ul.products.products li.product.product .added_to_cart { font-size: var(--wp--preset--font-size--small); margin-top: .5rem; }
ul.products.products li.product.product .onsale,
.wc-block-components-product-sale-badge {
	position: absolute; top: .5rem; left: .5rem; z-index: 2; margin: 0;
	background: var(--wp--preset--color--green); color: var(--wp--preset--color--contrast);
	border: 0; border-radius: 0; padding: .25em .6em; min-height: 0; min-width: 0; line-height: 1.3;
	font-size: var(--wp--preset--font-size--small); text-transform: uppercase;
}

/* ---- product-collection (blokovi) ---- */
.wc-block-product-template { gap: 2.5rem 1.25em; }
.wc-block-product-template > li { text-align: left; }
.wc-block-product-template .wp-block-woocommerce-product-image { margin-bottom: .75rem; }
.wc-block-product-template .wp-block-woocommerce-product-image img { margin-bottom: 0; }

/* Paginacija */
.woocommerce-pagination ul.page-numbers, .wp-block-query-pagination { gap: 0.5rem; }
.woocommerce-pagination .page-numbers { border: 0; }
.woocommerce-pagination .page-numbers li { border: 0; }
.woocommerce-pagination .page-numbers a, .woocommerce-pagination .page-numbers span { padding: 0.4em 0.8em; }
.woocommerce-pagination .page-numbers .current { background: var(--wp--preset--color--primary); color: #fff; }