.woocommerce-category-template
{
	max-width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.category-archive-container
{
	width:1260px;
	display:flex;
	margin-top:200px;
}

.category-filters
{
	width:20%;
	padding:20px;
}

.category-filters form 
{
	position: -webkit-sticky;
    position: sticky;
    top: 150px;
}

.category-filters form ul
{
	display: flex;
    flex-wrap: wrap;
}

.przycisk-rozwin-filtry
{
	display:none;
}

/* Styl dla przycisku */
.toggle-filters {
    display: none; /* Domyślnie ukryty */
    margin-bottom: 10px;
    padding: 10px;
    background-color: #806065;
	border-radius:99px;
	font-size: 16px;
    padding: 13px 23px;
    font-family: Mulish;
    color: #fff;
    border: none;
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
	.przycisk-rozwin-filtry
	{
		display:flex;
		justify-content:center;
		width:100%;
	}
    .toggle-filters {
        display: block; /* Pokaż przycisk na mniejszych ekranach */
    }

    .category-filters {
        display: none; /* Domyślnie ukryj filtry na mniejszych ekranach */
    }

    .category-filters.active {
        display: block; /* Pokaż filtry, gdy mają klasę 'active' */
    }
}

.sf-field-taxonomy-product_cat
{
	width:100%;
}

.sf-field-taxonomy-pa_kolor
{
	width:100%;
}

.sf-field-taxonomy-pa_rozmiar
{
	width:50%;
}

.sf-field-taxonomy-pa_plec
{
	width:50%;
}

@media (min-width:1024px)
{
	.sf-field-taxonomy-pa_rozmiar
	{
		width:100%;
	}

	.sf-field-taxonomy-pa_plec
	{
		width:100%;
	}
}

@media (max-width:470px)
{
	.sf-field-taxonomy-pa_rozmiar
	{
		width:100%;
	}

	.sf-field-taxonomy-pa_plec
	{
		width:100%;
	}
}

#products-wrapper
{
	width:80%;
	padding:20px;
}

.woocommerce-products-header
{
	margin-top:80px;
}

@media (max-width:1024px)
{
	.category-archive-container
	{
		flex-wrap:wrap;
	}
	
	.category-filters
	{
		width:100%;
		padding:20px;
	}

	#products-wrapper
	{
		width:100%;
		padding:20px;
	}
}

@media (max-width:470px)
{
	.category-archive-container
	{
		flex-wrap:wrap;
	}
	
	.category-filters
	{
		width:100%;
		padding:20px;
	}
	
	.woocommerce-products-header
	{
		padding:10px;
	}

	#products-wrapper
	{
		width:100%;
		padding:5px;
	}
}


.archive-title h1
{
	font-family: Libre Baskerville;
	font-size:32px;
	font-weight:700;
	color: #3a3845;
}

@media (max-width:1024px)
{
	.archive-title h1
	{
		font-size:25px;
	    text-align: center;

	}
}





.searchandfilter ul li li {
    padding: 0px 0;
}



/* Label radio */
#search-filter-form-416 ul .sf-label-radio{
	display:none;
}

/* List */
#search-filter-form-416 li:nth-child(1) ul{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
    justify-content: space-between;
}

#search-filter-form-416 ul{
	padding:0px;
}

/* List Item */
#search-filter-form-416 li:nth-child(1) li{
	height:60px;
	width:48%;
	margin-bottom:10px;
}

/* Input */
#search-filter-form-416 ul li ul li input[type=radio]{
	width:100% !important;
	margin:0px;
}

/* Input */
#search-filter-form-416 ul input[type=radio]{
	min-height:5px;
	height:60px;
	appearance:none;
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.1);
	border-radius:10px;
	background-color:#ffffff;
	background-position-x:50%;
	background-position-y:50%;
	background-size:100px;
	background-repeat:no-repeat;
	transition: background-color 0.2s, box-shadow 0.2s;
	
}



/* Input */
#search-filter-form-416 ul input[type=radio]:checked {
    background-color:#FF7D93 !important;
	box-shadow:0px 0px 20px 0px #00000070;
}


/* WSZYSTKIE */
#search-filter-form-416 li li:nth-child(1) input[type=radio]{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/wsz1.png");
}

/* WSZYSTKIE */
#search-filter-form-416 li li:nth-child(1) input[type=radio]:checked{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/wsz2.png");
}

/* DLA DZIECI */
#search-filter-form-416 li li:nth-child(2) input[type=radio]{
	background-image:url("https://naclick.pl/wp-content/uploads/2024/08/dla-dzieci11.png");
}

/* DLA DZIECI */
#search-filter-form-416 li li:nth-child(2) input[type=radio]:checked{
	background-image:url("https://naclick.pl/wp-content/uploads/2024/08/dla-dzieci22.png");
}

/* INNE */
#search-filter-form-416 li li:nth-child(3) input[type=radio]{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/inne1.png");
}

/* INNE */
#search-filter-form-416 li li:nth-child(3) input[type=radio]:checked{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/inne2.png");
}

/* PLECAKI */
#search-filter-form-416 li li:nth-child(4) input[type=radio]{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/plec1.png");
}

/* PLECAKI */
#search-filter-form-416 li li:nth-child(4) input[type=radio]:checked{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/plec22.png");
}

/* SASZETKI */
#search-filter-form-416 li li:nth-child(5) input[type=radio]{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/sasz1.png");
}

/* SASZETKI */
#search-filter-form-416 li li:nth-child(5) input[type=radio]:checked{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/sasz2.png");
}


/* TORBY */
#search-filter-form-416 li li:nth-child(6) input[type=radio]{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/lap1.png");
}

/* TORBY */
#search-filter-form-416 li li:nth-child(6) input[type=radio]:checked{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/lap2.png");
}

/* TORBY NA LAPTOPA */
#search-filter-form-416 li li:nth-child(7) input[type=radio]{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/torb1.png");
}

/* TORBY NA LAPTOPA */
#search-filter-form-416 li li:nth-child(7) input[type=radio]:checked{
	background-image:url("https://naclick.pl/wp-content/uploads/2023/02/torb2.png");
}









/* NAGŁÓWKI FILTRÓW */
#search-filter-form-416 ul h4{
	font-family:'Mulish', sans-serif;
	font-size:20px;
	color:#3a3845;
	font-weight:600;
	
}



/* Input kolor */
#search-filter-form-416 ul input[type=checkbox]{
	appearance: none;
	width: 30px;
	height: 30px;
	margin:0px;
	border-radius: 8px;
	background-clip: content-box;
	padding: 0px;
	transition: box-shadow 0.2s, border 0.2s;
}

/* Input kolor*/
#search-filter-form-416 ul input[type=checkbox]:checked{
	background-color:transparent;
	border: 3px solid #ffffff;
	box-shadow:0px 0px 20px 0px #00000070;

}

/* List */
#search-filter-form-416 ul ul{
	padding-left:0px;
	
}

/*KOLORY*/

/* List */
.sf-field-taxonomy-pa_kolor ul{
	display:flex;
	flex-wrap:wrap;
	
}



/* List */
.sf-field-taxonomy-pa_kolor ul li{
	display:flex;
	justify-content:center;
	align-items:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-style:solid;
	border-width:1px;
	border-bottom-right-radius:10px;
	border-color:#dddddd;
	width:30px;
	height:30px;
}


/* Label */
#search-filter-form-416 .sf-field-taxonomy-pa_kolor label{
	display:none;
}



/*KOLORY*/

.sf-item-42 {
    background-color:white;
}
.sf-item-43 {
    background-color:black;
}
.sf-item-44 {
    background-color:grey;
}
.sf-item-45 {
    background-color:brown;
}
.sf-item-46 {
    background-color:red;
}
.sf-item-47 {
    background-color:orange;
}
.sf-item-48 {
    background-color:yellow;
}
.sf-item-49 {
    background-color:green;
}
.sf-item-50 {
    background-color:blue;
}
.sf-item-51 {
    background-color:purple;
}
.sf-item-52 {
    background-color:pink;
}

.sf-input-select
{
	padding:10px;
}




/* Siatka produktów */

.products
{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	padding: 0px;
}

.product-item
{
	flex: 1 1 250px; /* elastyczna szerokosc, minimum to 250px */
	margin:20px 10px 10px 10px;
	max-width: calc(33% - 20px);
	
}

@media (max-width:600px)
{
	.product-item
	{
		margin:20px 5px 5px 5px;
		max-width: calc(50% - 10px);
	}
}

@media (max-width:470px)
{
	.product-item
	{
		margin:20px 5px 5px 5px;
	}
}

@media (max-width:358px)
{
	.product-item
	{
		max-width: 100%;
	}
}

.product-item img {
    width: 100%;
    height:auto;
	object-fit:cover;
    border-radius: 15px;
	aspect-ratio: 7 / 9;
}

.product img {
    width: 100%;
    height:auto;
	object-fit:cover;
    border-radius: 15px;
	aspect-ratio: 7 / 9;
}

.woocommerce ul.products li.product .button
{
	display:none;
}

.product-details {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 10px 0;
}

@media (max-width:470px)
{
	.product-details
	{
		flex-wrap: wrap-reverse;
	}
	.product-name
	{
		width:100%
	}
	.product-price
	{
		width:100%;
		text-align:left !important;
	}
}

.product-name {
    text-align: left;
	font-family: Mulish;
	font-weight:500;
	font-size:15px;
}

.product-name a
{
	color:#3a3845;
	text-decoration:none;
}

.product-price {
    text-align: right;
	font-family: Mulish;
	font-weight:500;
	font-size:15px;
	color:#806065;
}

.add-to-cart {
    margin-top: -50px;
	margin-bottom:20px;
	display:flex;
	flex-wrap:wrap;
	padding-right:10px;
	justify-content: flex-end;

}


.button-zobacz-produkt
{
	width: auto;
    display: flex;
    justify-content: flex-end;
	background-color:transparent;
	background-image:url('https://naclick.pl/wp-content/uploads/2024/07/view-more-white.svg');
	background-repeat: no-repeat;
    background-position: right;
	background-size: contain;
	padding: 5px 11px 5px 11px;
    border-radius: 99px;
	color:transparent;
	text-decoration:none;
	font-family:Mulish;
	font-weight:600;
	font-size:14px;
	transition: background-color 0.2s, box-shadow 0.2s, color 0.2s, background-image 0.2s;
	position:relative;
}



.button-zobacz-produkt:hover
{
	background-color:#806065;
	color:white;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.25);
	background-image: none;
}

.added_to_cart
{
	display:none;
}

.nav-links
{
    display: flex;
    justify-content: center;
	flex-wrap:wrap;
}

.nav-links a
{
	border-radius: 99px;
    border: none;
    background-color: #999999;
    margin: 5px;
    padding: 7px 15px;
    text-decoration: none;
    color: white;
}

.nav-links a:hover
{
	background-color: #ffc0cb;
}

.nav-links span
{
    border-radius: 99px;
    border: none;
    background-color: #ffc0cb;
    margin: 5px;
    padding: 7px 15px;
    text-decoration: none;
    color: black;
}