/*
Theme Name: Sava Shop
Theme URI: https://www.darmade.com
Author: Robert Miklic Koren
Author URI: https://www.voodoonine.com
Description: Custom theme for Hotel Sava shop
Version: 1.0.1
Template: twentytwentyfive
Text Domain: savashop
*/

/*
 * Hide quantity selector in cart
 */
.wc-block-components-quantity-selector {
    display: none;
}

/*
 * Woo product categories list
 */

.wc-filter-element-label-list-count, 
.wc-block-product-categories-list-item-count {
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	border-radius: 4px;
	margin-left: 6px;
	padding: 1px 7px;
	font-size: 16px;
}

.wc-block-product-categories-list-item-count:before,
.wc-block-product-categories-list-item-count:after,
.wc-filter-element-label-list-count:before,
.wc-filter-element-label-list-count:after {
	display: none;
}

ul.wc-block-product-categories-list {
	padding: 0;
}

li.wc-block-product-categories-list-item {
	list-style: none;
}

/* Product Categories Block */
li.wc-block-product-categories-list-item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--wp--preset--color--accent-5);
}

/* Product Categories Block */
.woo-product-categories-block ul.wc-block-product-categories-list {
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(calc(100% / 7), 1fr));
	gap: 20px;
}
.woo-product-categories-block .wc-block-product-categories-list-item {
/* 	border: 1px solid var(--wp--preset--color--accent-1); */
	padding: 10px;
	/* box-shadow: 0 3px 10px 0 rgb(15 16 18 / 10%), 0 12px 30px 0 rgb(15 16 18 / 10%);
  border-radius: 12px; */
}
.woo-product-categories-block .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
	margin: 0;
}
.woo-product-categories-block .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
	border: none;
/* 	border-radius: 12px; */
	display: block;
	max-width: 100%;
	margin: 0 0 10px 0;
}
.woo-product-categories-block .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img,
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img {
/* 	border-radius: 4px; */
}
.wc-block-product-categories-list--has-images span.wc-block-product-categories-list-item__name {
	margin-left: 0px;
}
.woo-product-categories-block .wc-block-product-categories-list-item-count {
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	border-radius: 4px;
	float: right;
	padding: 0 8px;
	margin-top: 6px;
	font-size: 14px;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
	margin: 0 0 10px 0;
	background: var(--wp--preset--color--accent-5);
	padding: 10px;
/* 	border-radius: 12px; */
}
.wc-block-product-categories-list-item .wc-block-product-categories-list-item__image {
	border: 1px solid #eee;
	display: inline-block;
	max-width: 50px;
	padding: 0;
	margin: 0;
	position: relative;
	vertical-align: middle;
}

li.wc-block-product-categories-list-item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--wp--preset--color--accent-5);
}


@media only screen and (max-width: 960px) {
	.woocommerce ul.products.columns-4 li.product {
		flex: 1 0 49%;
		max-width: 49%;
	}
	.woo-product-categories-block ul.wc-block-product-categories-list {
		grid-template-columns: repeat(auto-fill, minmax(calc(100% / 4), 1fr));
	}
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
		bottom: auto;
		top: 20px;
		right: auto;
		left: 20px;
	}
	.woosidebar {
		order: 2;
	}
}
@media only screen and (max-width: 600px) {
	.woocommerce ul.products.columns-3 li.product,
	.woocommerce ul.products.columns-4 li.product {
		flex: 1 0 100%;
		max-width: 100%;
		padding: 0;
		padding-bottom: 20px;
		margin: 0 0 20px 0;
	}
	.woo-product-categories-block ul.wc-block-product-categories-list {
		grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3), 1fr));
	}
}