@import "../components/Headers/top-bar.css";
@import "../components/Headers/header_05.css";
@import "../components/Headers/noImgHeader.css";
@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/menu-utils.css";
@import "../components/Headers/searchbar-02.css";

@import "../components/Shop/product-preview.css";
@import "../Moduli/Stripes/newsletter.css";

@import "../components/Shop/woocommerce-message.css";

@import "../components/Shop/sticky-bar.css";
@import "./shop-filters.css";


.product-header-content.shop-left-side {
    width: 100%;
}

/* Colonna 3
---------------------------------------------------------------------------------*/
	#product-archive #content > .col.col-3 {
		z-index: 1;
	    flex-grow: 1;
	}
	#product-archive .col-3 .wc-products-body {
	    border-top-left-radius: 1.042vw; /*20*/
	    border-top-right-radius: 1.042vw; /*20*/
	}
	#product-archive .col-3 .products {
		gap: 2.083vw 1.25vw;
	}
	.footer-storefront-sorting .storefront-sorting {
	    height: 1.406vw; /*27*/
	}

	/* Header
	----------------------------------------------------------*/
		.wc-products-header h1 {
		    padding-bottom: 0.625vw; /*12*/
		}
		.wc-products-header .wc-products-header-description {
		    width: 63.5%;
		}
		.wc-products-header .wc-products-header-description p {
		    line-height: 1.5;
		}

/* Custom Select
-------------------------------------------------------------------*/
	.woocommerce-ordering,
	.current-order {
		display: none;
	}
	#filter_3447_1 select {
	    margin-bottom: 0 !important;
	}
	.custom-order-by .filter-content {
	    display: block !important;
	}
	.custom-order-by .filter-orderby.filter-placeholder .filter-content {
		display: none !important;
	}
	.product-header-utility,
	.product-header-utility .custom-select,
	.custom-order-by form,
	.custom-order-by .dropdown-label,
	.custom-order-by .dropdown-wrapper {
	    width: 10.417vw; /*200*/
	    min-width: 10.417vw;
	    border-radius: 10.417vw; /*200*/
	}
	.product-header-utility .custom-select,
	.custom-order-by .dropdown-label {
	    font-family: var(--bd-font);
	    font-size: 0.885vw; /*17*/
	    text-align: center;
	    color: var(--color-main-);
	    padding: 0.677vw 1.042vw; /*13 20*/
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 0;
	    border: 0.052vw solid var(--color-main-) !important; /*1*/
	    cursor: pointer;
	}
	.product-header-utility .custom-select span.selected-option {
	    line-height: 1;
	    letter-spacing: -0.03em;
	}
	.custom-select,
	.custom-order-by .yith-wcan-dropdown {
	    position: relative;
	}
	.product-header-utility .custom-select:after,
	.custom-order-by .dropdown-label:after {
	    content: '';
	    display: block;
	    width: 1.146vw; /*22*/
	    height: 1.146vw; /*22*/
	    background-image: url(/wp-content/uploads/2024/11/Ordina-Per.svg);
	    margin-left: 0.521vw; /*10*/
	    position: relative;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center;
	}
	.select-options,
	.custom-order-by .dropdown-wrapper {
	    padding: 0.521vw 1.042vw; /*10 20*/
	    border: 0.052vw solid var(--color-main-); /*1*/
	    border-radius: 0.26vw; /*5*/
	    background-color: #fff;
	    position: absolute;
	    top: 100%;
	    z-index: 2;
	    width: 100%;
	    margin-top: 0.26vw; /*5*/
	}
	.custom-order-by .filter-title,
	.custom-order-by .yith-wcan-dropdown .dropdown-wrapper {
		display: none !important;
	}
	.select-options.show,
	.custom-order-by .yith-wcan-dropdown.open .dropdown-wrapper {
		display: block !important;
	}
	.select-options > div,
	.custom-order-by .dropdown-wrapper .filter-item a {
	    padding: 0.417vw 0.26vw; /*8 5*/
	    cursor: pointer;
	    margin-bottom: 0.26vw; /*5*/
	    font-size: 0.781vw; /*15*/
	    margin: 0 !important;
	    display: block !important;
	}
	.select-options > div:hover,
	.custom-order-by .dropdown-wrapper .filter-item a:hover {
	    background-color: var(--color-gray);
	}

/* Go Top Button
--------------------------------------------------------*/
	.storefront-sorting {
	    position: relative;
	}
	.go-top-shop{
	    position: absolute;
	    bottom: 0;
	    height: auto;
	    width: auto;
	    right: 3.125vw;
	    cursor: pointer;
	}
	.go-top-icon {
	    height: 1.406vw; /*27*/
	    width: 1.406vw; /*27*/
	    border: 0.052vw solid #000; /*1*/
	    border-radius: 100%;
	    margin-right: 10px; /*10*/
	}
	.go-top-icon img {
	    width: 0.573vw; /*11*/
	    height: 0.313vw; /*6*/
	    transform: rotate(180deg);
	}

@media screen and (max-width: 1920px) {
	/* Colonna 3
	---------------------------------------------------------------------------------*/
		#product-archive .col-3 .wc-products-body {
		    border-top-left-radius: 20px; /*20*/
		    border-top-right-radius: 20px; /*20*/
		}
		.footer-storefront-sorting .storefront-sorting {
		    height: 1.406vw; /*27*/
		}

		/* Header
		----------------------------------------------------------*/
			.wc-products-header h1 {
			    padding-bottom: 12px; /*12*/
			}

	/* Custom Select
	-------------------------------------------------------------------*/
		.product-header-utility,
		.product-header-utility .custom-select,
		.custom-order-by form,
		.custom-order-by .dropdown-label,
		.custom-order-by .dropdown-wrapper {
			width: 200px; /*200*/
		    min-width: 200px; /*200*/
		    border-radius: 200px; /*200*/
		}
		.product-header-utility .custom-select,
		.custom-order-by .dropdown-label {
		    font-size: 17px; /*17*/
		    padding: 13px 20px; /*13 20*/
		    border: 1px solid var(--color-main-) !important; /*1*/
		}
		.product-header-utility .custom-select:after,
		.custom-order-by .dropdown-label:after {
		    width: 22px; /*22*/
		    height: 22px; /*22*/
		    margin-left: 10px; /*10*/
		}
		.select-options,
		.custom-order-by .dropdown-wrapper {
		    padding: 10px 20px; /*10 20*/
		    border: 1px solid var(--color-main-); /*1*/
		    border-radius: 5px; /*5*/
		    margin-top: 5px; /*5*/
		}
		.select-options > div,
		.custom-order-by .dropdown-wrapper .filter-item a {
		    padding: 8px 5px; /*8 5*/
		    margin-bottom: 5px; /*5*/
		    font-size: 15px; /*15*/
		}

	/* Go Top Button
	--------------------------------------------------------*/
		.go-top-icon {
		    height: 27px; /*27*/
		    width: 27px; /*27*/
		    border: 1px solid #000; /*1*/
		    margin-right: 10px; /*10*/
		}
		.go-top-icon img {
		    width: 11px; /*11*/
		    height: 6px; /*6*/
		}

}


@media screen and (max-width: 1600px) {

}


@media screen and (max-width: 1440px) {
	
}


@media screen and (max-width: 1280px) {

}


@media screen and (max-width: 1150px) {

}


@media screen and (max-width: 992px) {

}


@media screen and (max-width: 767px) {

}

@media screen and (max-width: 600px) {

}