/**
 * Стили для страницы каталога WooCommerce
 * Применяется только на страницах архива товаров
 */

/* Пример: отступы для карточек товаров */
.woocommerce ul.products li.product {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 8px;
	width: 270px;
}

/* Пример: стиль заголовков товаров */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    color: #333;
}




ul.products.columns-4 {
    display: flex;
	flex-wrap: wrap;
}
ul.products li.product {
/*   flex: 1 0 250px!important; */
  box-sizing: border-box;
  margin-right: 0px!important;
  border: none;
  max-height: 14em;
  overflow: hidden;
  padding: 40px 10px 10px;
}
.archive-sidebar {
	flex: 0 0 17%;
    max-width: 17%;
    margin-right: 50px;
    padding-right: 50px;
    border-right: 1px solid #0003;
}
.archive-content {
	flex: 1 1 80%;    
  	max-width: 80%;
}
.woocommerce-result-count, .woocommerce-ordering, .yith-wcwl-add-to-wishlist-button__label {
	display: none;
}
.wishlist-btn {
    margin: 0;
    width: fit-content;
}
.buy-btn {
    background: #8ce7ec;
    border-radius: 5px;
    padding: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.buy-btn a { 
    color: #fff;
}
.yith-wcwl-add-to-wishlist-button:is(button):not(.yith-wcwl-theme-button-style) {
    border-width: 1px !important;
    padding: 10px;
}
.product-actions {
    display: flex;
    gap: .4em;
}
.yith-add-to-wishlist-button-block {
    margin: 0 !important;
}
h1.woocommerce-products-header__title.page-title {
    color: #000;
    font-size: 26px;
    font-weight: 500;
    text-transform: lowercase;
    margin-top: -28px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 1em;
    margin-bottom: 2em;
}
h2.product-title {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    height: 22px;
	overflow: hidden;
}
h2.product-title a {
    color: #000;
	margin-bottom: 5px;
}
.post-type-archive h2.product-title {
	margin-bottom: 5px;
}
.product-prices span.price-regular {
    color: #aaa;
    text-decoration: line-through;
    text-decoration-thickness: 1px;
    font-size: 14px;
}
.product-prices span.price-sale {
    font-weight: 500;
}
.product-prices span.discount {
    color: #AAA;
    font-size: 12px;
    display: flex;
    align-items: center;
}
span.woocommerce-Price-amount.amount {
    font-size: 14px;
	display: block;
}
.product-template-default span.woocommerce-Price-amount.amount {
    font-size: 24px;
    display: block;
    font-weight: 500;
}
.product-template-default .product_title.entry-title {
	font-weight: 500;
}
.price-regular.once {
	color: #404040!important;
	font-weight: 500;
	text-decoration: none!important;
	font-size: 14px!important;
}
.product-prices { 
	margin-bottom: 40px;
	gap: 0.6em;
    display: flex;
}
li.my-product-item.product.type-product:hover {
    max-height: 26em;
    margin-bottom: -50PX;
    Z-INDEX: 1;
    BACKGROUND-COLOR: #FFF;
}
/* 3 товара в ряд при 1200px – 1600px, несмотря на columns-4 */
@media screen and (min-width: 75em) and (max-width: 100em) {
    .woocommerce ul.products.columns-4 li.product,
    .woocommerce-page ul.products.columns-4 li.product {
        width: 33.333% !important;
        flex: 0 0 33.333% !important;
        clear: none !important;
    }

    /* Чтобы каждая 1-я в строке начинала новую линию */
    .woocommerce ul.products.columns-4 li.product:nth-child(3n+1),
    .woocommerce-page ul.products.columns-4 li.product:nth-child(3n+1) {
        clear: both !important;
    }
}
.archive ul.products.columns-4 li.product img,
.tax-product_cat ul.products.columns-4 li.product img,
.woocommerce-shop ul.products.columns-4 li.product img {
    height: 120px;
    object-fit: scale-down;
    width: 180px;
}
.products .product .image-wrapper {
    display: flex;
    justify-content: center;
}
.tax-product_cat .woocommerce-no-products-found {
    margin-bottom: 12em;
}




/* Ховер-замена изображений */
.image-wrapper {
    position: relative;
    overflow: hidden;
}

.img-main,
.img-hover {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity .3s ease;
}

.img-hover {
	position: absolute;
    top: 0;
    left: auto;
    right: auto;
    opacity: 0;
}

.image-wrapper:hover .img-main {
    opacity: 0;
}

.image-wrapper:hover .img-hover {
    opacity: 1;
}

.buy-btn .buy-button {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    background: #8CE7EC;
    color: #fff !important;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s ease;
}
/* .buy-btn a.added_to_cart.wc-forward {
    display: none;
} */
a.buy-button.button.add_to_cart_button.ajax_add_to_cart.added {
    display: none !important;
}
.buy-btn .buy-button:hover {
    background: #7ABEC2;
}
.wc-block-product-filter-price-slider__range {
    --range-color: #8ce7ec !important;
}
@media (max-width: 996px) {
	.archive-sidebar {
		flex: 0 0 27%;
		max-width: 27%;
	}
}
/* @media (max-width: 996px) {
	.archive-sidebar {
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}
} */
@media (max-width: 996px) {
	ul.products.columns-4 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around!important;
	}
	.archive-content {
		flex: 1 1 100%;
		max-width: 100%;
	}
}
@media (max-width: 996px) {
	h1.woocommerce-products-header__title.page-title {
    	margin-bottom: 1em;
	}

	ul.products li.product {
    	max-height: 90%;
	}
	.archive .products.columns-4 {
		justify-content: center;
	}
	:where(.wc-block-product-filters) .wc-block-product-filters__close-overlay, :where(.wc-block-product-filters) .wc-block-product-filters__open-overlay {
		background: #8ce7ec!important;
		padding: 10px!important;
		margin-top: -20px !important;
	}
	:where(.wc-block-product-filters) .wc-block-product-filters__overlay-header {
		margin-top: 50px;
	}
	.archive.woocommerce ul.products li.product {
		width: 340px;
	}
	.product-prices {
		margin-bottom: 20px;
	}
}