@charset "utf-8";

/*  da 0 a 320px*/
@media only screen and (min-width: 0px) {
	.fascia-barra-categorie,.fascia-barra-linee{
		z-index: 11;
		position: sticky;
		top: 45px;
		transition:transform 0.2s ease-out;
		height: 0;
		transform:scale(1,0);
		transform-origin:top center;
	}
	.button-chiudi-contenitore {
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
		height: 35px;
		border: none;
		cursor: pointer;
		border-radius: none;
		display: flex;
		align-items: center;
  		justify-content: center;
	}
	.button-chiudi-contenitore:hover {}
	.icon-chiudi-contenitore {}
	.bloccobarracategorie {
		width: 92%;
		padding-right: 4%;
		padding-left: 4%;
		margin-top: 10px;
		margin-bottom: 6px;
	}
	.apri-chiudi-sottocategoria {
		font-size: 22px;
		cursor: pointer;
		margin-top: auto;
		margin-bottom: auto;
		transition: transform .3s;
	}
	.contenitore-categorie, .contenitore-linee {
		display: flex;
		flex-wrap: wrap;
		max-height: 500px;
		overflow-y: auto;
		min-width: 100%;
	}
	.contenitore-titolo-categorie {
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	.titolobarracategorie {
		margin-top: auto;
		margin-bottom: auto;
		text-decoration: none;
		font-weight: 500;
	}
	.titolobarracategorie:hover {}
	.contenitoreaprichiudivocecat {
		width: 96%;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 4%;
		text-align: left;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		transition:transform 0.2s ease-out;
		max-height:0px;
		transform:scale(1,0);
		transform-origin:top center;
		overflow: hidden;
	}
	.sottocategoria {
		margin-top: 6px;
		margin-bottom: 6px;
	}
	.contenitore-barra-categorie, .contenitore-barra-linee  {
		padding-bottom: 30px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	#chkprodotti:checked ~ .fascia-barra-categorie {
		transform:scale(1,1);
	}
	#chklinee:checked ~ .fascia-barra-linee {
		transform:scale(1,1);
	}
	.chksottocategorie:checked ~ .contenitoreaprichiudivocecat{
		transform:scale(1,1);
		max-height:unset;
	}
	.apri-chiudi-sottocategoria::after{
		content: "add";
	}
	.chksottocategorie:checked ~ div .apri-chiudi-sottocategoria{
		transform: rotate(180deg);
	}
	.chksottocategorie:checked ~ div .apri-chiudi-sottocategoria::after{
		content: "remove";
	}
}

/* da 321 a 480*/
@media only screen and (min-width: 321px) {
}

/* da 481px a 768px*/
@media only screen and (min-width: 481px) {
	.fascia-barra-categorie,.fascia-barra-linee{
		position: absolute;
		height:auto;
		top: unset;
	}
	.bloccobarracategorie {
		width: 44%;
		padding-right: 3%;
		padding-left: 3%;
	}
}

/* da 769px a 1200px*/
@media only screen and (min-width: 769px) {
	.bloccobarracategorie {
		width: 22%;
		padding-right: 1.5%;
		padding-left: 1.5%;
		margin-top: 15px;
	}
}