/**
 * Shop (/shop/) i arhiva brenda — info-on-image grid kao demo three-columns.
 */

/* All products — layout filtera u runnerp-shop-filters.css */

/* All products — mobil/tablet: 2 proizvoda u redu (tema na ≤680px inače stavlja 1) */
@media only screen and (max-width: 1024px) {
	body.runnerp-shop-filters-page .qodef-woo-product-list ul.products > .product {
		width: 50% !important;
	}
}

/* Arhiva brenda: bez "Showing X results" i sort dropdowna */
.tax-product_brand .qodef-woo-results:empty,
.tax-product_brand .woocommerce-result-count,
.tax-product_brand .woocommerce-ordering,
.tax-product_brand .woocommerce-before-shop-loop .wp-block-group:has(.woocommerce-result-count) {
	display: none !important;
}

/* Manji razmak između kolona */
.qodef-woo-product-list.qodef-gutter--small ul.products {
	margin: 0 -10px;
}

.qodef-woo-product-list.qodef-gutter--small ul.products > .product {
	padding: 0 10px;
	margin: 0 0 20px;
}

/*
 * Grid: red 1 = samo slika + hover overlay, red 2 = naslov i cijena ispod.
 */
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	width: 100%;
	overflow: visible;
	background-color: #fff;
}

.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image::before {
	content: "";
	grid-row: 1;
	grid-column: 1;
	width: 100%;
	padding-bottom: 133.333%;
	background-color: #f6f6f6;
}

.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image > a,
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image > img,
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner {
	grid-row: 1;
	grid-column: 1;
}

.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image > a,
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Naslov i cijena ispod slike */
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner-initial {
	grid-row: 2;
	grid-column: 1;
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 14px 0 4px;
	text-align: center;
	background-color: #fff;
	z-index: 1;
}

.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image > a {
	overflow: hidden;
}

.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner-initial .qodef-woo-product-title {
	margin: 0;
}

.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner-initial .price {
	margin-top: 6px;
	justify-content: center;
}

/* Naslov i cijena uvijek vidljivi ispod slike (ne nestaju na hover) */
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner-initial {
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image > a img,
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image img {
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	display: block;
}

.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image .onsale,
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image .out-of-stock {
	grid-row: 1;
	grid-column: 1;
	z-index: 2;
}

/* Hover overlay — bijela umjesto sivkaste */
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner {
	background-color: rgba(255, 255, 255, 0.92) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Add to cart na hover overlayu */
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner > .button,
.qodef-woo-product-list.qodef-item-layout--info-on-image .qodef-woo-product-image-inner > .added_to_cart {
	order: 1;
	margin-bottom: 0 !important;
}

/* Povezani proizvodi na single product — malo manji razmak između kolona */
#qodef-woo-page.qodef--single .related .qodef-woo-product-list.qodef-gutter--small ul.products {
	margin: 0 -10px;
}

#qodef-woo-page.qodef--single .related .qodef-woo-product-list.qodef-gutter--small ul.products > .product {
	padding: 0 10px;
	margin: 0 0 20px;
}