/* ==========================================================
   Prana Shop Filters - sidebar de filtros de la tienda
   ========================================================== */

.prana-filters{
	font-family: 'Poppins', sans-serif;
	color: #2E2A3D;
}

.prana-filters-block{
	margin-bottom: 32px;
}

.prana-filters-block h4{
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 16px;
	color: #2E2A3D;
}

.prana-filters-block ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.prana-filters-block ul li{
	margin-bottom: 12px;
}

.prana-filters-block ul li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	color: #6B6580;
	font-size: 14px;
	transition: color .15s ease;
}

.prana-filters-block ul li a.active,
.prana-filters-block ul li a:hover{
	color: #7C8A5F;
	font-weight: 600;
}

.prana-filters-block ul li a span{
	color: #B5B5B5;
	font-size: 12.5px;
}

/* Checkboxes de duración */
.prana-checkbox-list li label{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: #6B6580;
	cursor: pointer;
}

.prana-checkbox-list li label input[type="checkbox"]{
	accent-color: #7C8A5F;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.prana-checkbox-list li label span{
	margin-left: auto;
	color: #B5B5B5;
	font-size: 12.5px;
}

/* Slider de precio */
.prana-price-range{
	background: #F1F3EA;
	border-radius: 16px;
	padding: 20px 18px 16px;
}

.prana-slider-track{
	position: relative;
	height: 4px;
	background: #E3E7D6;
	border-radius: 999px;
	margin: 22px 4px 14px;
}

.prana-slider-fill{
	position: absolute;
	top: 0;
	bottom: 0;
	background: #A6AD87;
	border-radius: 999px;
}

.prana-slider-handle{
	position: absolute;
	top: 50%;
	width: 16px;
	height: 16px;
	background: #FFFFFF;
	border: 3px solid #A6AD87;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	cursor: grab;
	touch-action: none;
}

.prana-slider-handle:active{
	cursor: grabbing;
}

.prana-price-labels{
	display: flex;
	justify-content: space-between;
	font-size: 12.5px;
	color: #6B6580;
}

/* Botón aplicar */
.prana-btn-apply-filters{
	width: 100%;
	background: #A6AD87;
	color: #FFFFFF;
	border: none;
	padding: 12px 18px;
	border-radius: 999px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 13.5px;
	letter-spacing: 0.3px;
	cursor: pointer;
	transition: background .2s ease;
}

.prana-btn-apply-filters:hover{
	background: #7C8A5F;
}