/**
 * Shopkadeh Mobile Filter
 */

.skmf-toolbar {
	display: none;
}

.skmf-overlay,
.skmf-offcanvas,
.skmf-sort-sheet {
	display: none;
}

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

	.skmf-toolbar {
		display: flex;
		width: 100%;
		gap: 10px;
		padding: 10px;
		margin-bottom: 15px;
		background: #fff;
		border-radius: 10px;
		box-sizing: border-box;
	}
	
	.skmf-overlay {
		display: block;
	}

	.skmf-offcanvas {
		display: block;
	}

	.skmf-sort-sheet {
		display: block;
	}

	.skmf-btn {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		padding: 12px;
		border: 1px solid #e5e5e5;
		border-radius: 8px;
		background: #fff;
		color: #333;
		font-size: 14px;
		cursor: pointer;
	}

	.skmf-btn:active {
		transform: scale(.98);
	}


	/* Overlay */

	.skmf-overlay {

		position: fixed;
		inset: 0;
		background: rgba(0,0,0,.45);
		z-index: 9998;

		opacity: 0;
		visibility: hidden;

		transition: .3s ease;

	}


	.skmf-overlay.active {

		opacity: 1;
		visibility: visible;

	}



	/* Offcanvas */

	.skmf-offcanvas {

		position: fixed;

		top: 0;
		right: 0;

		width: 85%;
		max-width: 360px;

		height: 100vh;

		background: #fff;

		z-index: 9999;

		transform: translateX(110%);

		transition: .35s ease;

		overflow-y: auto;

		direction: rtl;

	}



	.skmf-offcanvas.active {

		transform: translateX(0);

	}



	.skmf-header {

		display:flex;

		align-items:center;

		justify-content:space-between;

		padding:15px;

		border-bottom:1px solid #eee;

	}



	.skmf-header h3 {

		margin:0;

		font-size:16px;

	}



	.skmf-close {

		width:35px;
		height:35px;

		border:none;

		background:#f5f5f5;

		border-radius:50%;

		font-size:22px;

		cursor:pointer;

	}






	/* Bottom Sheet */

	.skmf-sort-sheet {

		position:fixed;

		bottom:0;

		left:0;

		right:0;

		background:#fff;

		z-index:9999;

		border-radius:20px 20px 0 0;

		transform:translateY(110%);

		transition:.35s ease;

		padding-bottom:20px;

		direction:rtl;

	}



	.skmf-sort-sheet.active {

		transform:translateY(0);

	}



	.skmf-sort-header {

		padding:15px;

		border-bottom:1px solid #eee;

	}



	.skmf-sort-header h3 {

		margin:0;

		font-size:16px;

	}



	.skmf-sort-content {

		padding:15px;

	}



	/* Lock body */

	body.skmf-lock {

		overflow:hidden;

	}



}



.skmf-filter-footer {

	display:flex;
	gap:10px;

	padding:15px;

	border-top:1px solid #eee;

	position:sticky;

	bottom:0;

	background:#fff;

}


.skmf-filter-footer button {

	flex:1;

	padding:12px;

	border-radius:8px;

	border:none;

	cursor:pointer;

	font-size:14px;

}


.skmf-clear-filter {

	background:#f3f3f3;

	color:#333;

}


.skmf-apply-filter {

	background:#111;

	color:#fff;

}

/* ShopKadeh Filter Accordion */







.skmf-accordion-content {

	max-height:0;

	overflow:hidden;

	transition:max-height .35s ease;

}




.skmf-offcanvas,
.skmf-sort-sheet {

	box-shadow:
		0 0 25px rgba(0,0,0,.15);

}


.skmf-offcanvas {

	-webkit-overflow-scrolling:touch;

}


.skmf-btn {

	-webkit-tap-highlight-color:transparent;

}


.skmf-sort-content select {

	width:100%;

	padding:12px;

	border-radius:8px;

	border:1px solid #ddd;

	background:#fff;

}


@media (max-width: 767px) {

	.elementor-widget-tmt-product-filter {
		display: none !important;
	}

	.skmf-mobile-filter-holder .main-filter {
		display: block !important;
	}

}

@media (max-width: 767px) {

	.sort-by.tmt-ajax-filter {
		display: none !important;
	}

}

@media (max-width: 767px) {

	.sort-by.tmt-ajax-filter {
		display:none !important;
	}


	.skmf-sort-content .skmf-cloned-sorting {
		display:flex !important;
		flex-direction:column !important;
		width:100%;
	}


	.skmf-sort-content .skmf-cloned-sorting > span {

		display:block !important;
		margin-bottom:12px;
		font-weight:600;

	}


	.skmf-sort-content .skmf-cloned-sorting > a.list-inline-item {

		display:block !important;
		float:none !important;
		clear:both !important;

		width:100% !important;

		margin:8px 0 !important;

		padding:14px 16px !important;

		background:#f5f5f5 !important;

		color:#333 !important;

		border-radius:10px;

		text-decoration:none !important;

		box-sizing:border-box;

	}


	.skmf-sort-content .skmf-cloned-sorting > a.list-inline-item.active {

		background:#222 !important;

		color:#fff !important;

	}


}


.skmf-sort-content .skmf-cloned-sorting a {
	display: block !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
}


@media (max-width: 767px) {


	.skmf-content .main-filter {

		border-bottom:1px solid #eee;
		padding:10px 0;

	}


	.skmf-content .main-filter .widget-title {

		background:#f7f7f7;

		padding:14px;

		border-radius:10px;

		margin:0;

		font-size:15px;

		cursor:pointer;

		position:relative;

	}


	.skmf-content .main-filter .widget-title:after {

		content:"+";

		position:absolute;

		left:15px;

		font-size:22px;

	}


	.skmf-content .main-filter.active .widget-title:after {

		content:"−";

	}


	.skmf-content .main-filter > .tmt-filter,
	.skmf-content .main-filter > .woocommerce {

		display:none;

		padding:12px;

	}


	.skmf-content .main-filter.active > .tmt-filter,
	.skmf-content .main-filter.active > .woocommerce {

		display:block;

	}


}


@media (max-width: 767px) {


	/* Filter Items */

	.skmf-content .tmt-filter {
		padding: 0;
		margin: 0;
		list-style: none;
	}


	.skmf-content .tmt-filter li {

		display:flex;

		align-items:center;

		justify-content:space-between;

		padding:12px 10px;

		border-bottom:1px solid #f1f1f1;

		font-size:14px;

	}


	.skmf-content .tmt-filter li:last-child {

		border-bottom:none;

	}


	.skmf-content .tmt-filter li a {

		color:#333;

		text-decoration:none;

		flex:1;

	}


	.skmf-content .tmt-filter .count {

		background:#f3f3f3;

		border-radius:20px;

		padding:3px 9px;

		font-size:12px;

		color:#777;

	}


}