@import './loop/image.css';
@import './loop/variations.css';
/*@import 'loop/filter.css';*/

/* Title */

	/* su una linea */
	h2.woocommerce-loop-product__title {
		font-weight: 300;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

/* END */

/* Price */
	span.price {
		font-weight: 100;
		font-size: .8rem;
	}

/* END */

/* Box title and price */
	.woocommerce-LoopProduct-link {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

/* END */

/* IMG */
	.image-wrapper > img {
		width: 100%;
	}

/* END */

/* Add to cart */
	a.wvs-add-to-cart-button.button, .ajax_add_to_cart, a.button.product_type_variable {
		border: 1px solid #000;
		padding: unset;
		padding-top: .8rem;
		padding-bottom: .8rem;
		margin: unset;
		text-align: center;
		text-transform: uppercase;
		color: #000;
		background: #FFF;
		border-radius: unset;
		transition: background 0.3s;
	}

	a.wvs-add-to-cart-button.button:hover, .ajax_add_to_cart:hover, a.button.product_type_variable:hover {
		background: #000;
		color: #FFF;
	}

/* END */

/* Order by */
	select.orderby {
		border: initial;
		padding-left: initial;
		padding-right: 2.5rem;
		padding-top: initial;
		padding-bottom: initial;
		background-size: 1.5rem;
		border-bottom: 1px solid #000;
	}

	form.woocommerce-ordering {
		margin: unset !important;
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	select.orderby:focus {
		box-shadow: unset;
		outline: none;
		outline-offset: unset;
	}

/* END */

.products-loop {
	/* 4col */
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem;
	list-style: none;
}

li.product {
    list-style: none;
}

ul.page-numbers {
    display: flex;
    gap: 1.2rem;
    align-items: center;
    justify-content: center;
    margin-top: 4rem;
}

.page-numbers.current {
    background: #000;
    padding: .5rem;
    padding-left: .8rem;
    padding-right: .8rem;
    color: white;
    border-radius: 99999px;
    border: solid 1px #000;
}

a.page-numbers {
    padding: .5rem;
    padding-left: .8rem;
    padding-right: .8rem;
    border-radius: 99999px;
    border: solid 1px #000;
}

ins {
	text-decoration: unset !important;
	font-weight: 600;
}

del > span > bdi {
	font-weight: 500;
	color : #757575;
}

del {
	text-decoration-color : #757575;
}

@media screen and (width <= 1024px) {
	.products-loop {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: .8rem;
	}

	.woocommerce-products-header {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}