/* Slider range personnalisé — chargé sur les pages avec filtres (events, members) */

.custom-range {
	width: 100%;
	appearance: none;
	height: 8px;
	background: rgba(59, 160, 182, 0.25);
	border-radius: 5px;
	outline: none;
	opacity: 0.7;
	transition: opacity 0.2s;
}

.custom-range:disabled {
	opacity: 0.5;
}

/* WebKit */
.custom-range::-webkit-slider-thumb {
	appearance: none;
	width: 16px;
	height: 16px;
	background: rgba(59, 160, 182, 1);
	border-radius: 50%;
	cursor: pointer;
	border: none;
}

.custom-range::-webkit-slider-runnable-track {
	background: rgba(59, 160, 182, 0.25);
	border-radius: 5px;
	height: 8px;
}

/* Firefox */
.custom-range::-moz-range-thumb {
	width: 16px;
	height: 16px;
	background: rgba(59, 160, 182, 1);
	border-radius: 50%;
	cursor: pointer;
	border: none;
}

.custom-range::-moz-range-track {
	background: rgba(59, 160, 182, 0.25);
	border-radius: 5px;
	height: 8px;
}

/* IE/Edge legacy */
.custom-range::-ms-thumb {
	width: 16px;
	height: 16px;
	background: rgba(59, 160, 182, 1);
	border-radius: 50%;
	cursor: pointer;
	border: none;
}

.custom-range::-ms-track {
	background: rgba(59, 160, 182, 0.25);
	border-radius: 5px;
	height: 8px;
	border-color: transparent;
	color: transparent;
}

.custom-range:disabled::-webkit-slider-thumb,
.custom-range:disabled::-moz-range-thumb,
.custom-range:disabled::-ms-thumb {
	background: #aaa;
	cursor: not-allowed;
}