/**
 * AlphaFields — Range Slider design presets.
 *
 * Each preset is keyed by a modifier class (.alpcf7-rslider--<key>) added to
 * the slider element in RangeSlider::render_range_slider(). The per-form
 * colors (selection / track) are injected separately as a generated <style>
 * block; these rules only shape the track and handle.
 *
 * Specificity is tuned to override noUiSlider's stock rules
 * (.noUi-horizontal, .noUi-target, .noUi-horizontal .noUi-handle,
 * .noUi-handle:before/:after) without !important: every selector here chains
 * .alpcf7_rslider with the modifier class (0,2,0–0,3,1).
 *
 * "default" is intentionally absent — it is the stock noUiSlider look.
 */

/* ==========================================================================
   Bold Rounded — thick track, large round knob.
   ========================================================================== */
.alpcf7_rslider.alpcf7-rslider--bold-rounded {
	height: 14px;
	border-radius: 999px;
}
.alpcf7_rslider.alpcf7-rslider--bold-rounded .noUi-connects {
	border-radius: 999px;
}
.alpcf7_rslider.alpcf7-rslider--bold-rounded .noUi-handle {
	width: 28px;
	height: 28px;
	top: -7px;
	right: -14px;
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
}
.alpcf7_rslider.alpcf7-rslider--bold-rounded .noUi-handle::before,
.alpcf7_rslider.alpcf7-rslider--bold-rounded .noUi-handle::after {
	display: none;
}

/* ==========================================================================
   Pill — slim fully-rounded track, round knob, no border.
   ========================================================================== */
.alpcf7_rslider.alpcf7-rslider--pill {
	height: 8px;
	border: none;
	border-radius: 999px;
	box-shadow: none;
}
.alpcf7_rslider.alpcf7-rslider--pill .noUi-connects {
	border-radius: 999px;
}
.alpcf7_rslider.alpcf7-rslider--pill .noUi-handle {
	width: 20px;
	height: 20px;
	top: -6px;
	right: -10px;
	border: none;
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}
.alpcf7_rslider.alpcf7-rslider--pill .noUi-handle::before,
.alpcf7_rslider.alpcf7-rslider--pill .noUi-handle::after {
	display: none;
}

/* ==========================================================================
   Flat Thin — minimal thin track, small rounded-square knob.
   ========================================================================== */
.alpcf7_rslider.alpcf7-rslider--flat-thin {
	height: 4px;
	border: none;
	border-radius: 2px;
	box-shadow: none;
}
.alpcf7_rslider.alpcf7-rslider--flat-thin .noUi-connects {
	border-radius: 2px;
}
.alpcf7_rslider.alpcf7-rslider--flat-thin .noUi-handle {
	width: 14px;
	height: 14px;
	top: -5px;
	right: -7px;
	border: none;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
.alpcf7_rslider.alpcf7-rslider--flat-thin .noUi-handle::before,
.alpcf7_rslider.alpcf7-rslider--flat-thin .noUi-handle::after {
	display: none;
}

/* ==========================================================================
   Square — medium track, square knob, sharp corners.
   ========================================================================== */
.alpcf7_rslider.alpcf7-rslider--square {
	height: 12px;
	border-radius: 0;
}
.alpcf7_rslider.alpcf7-rslider--square .noUi-connects {
	border-radius: 0;
}
.alpcf7_rslider.alpcf7-rslider--square .noUi-handle {
	width: 22px;
	height: 22px;
	top: -5px;
	right: -11px;
	border-radius: 0;
}
.alpcf7_rslider.alpcf7-rslider--square .noUi-handle::before,
.alpcf7_rslider.alpcf7-rslider--square .noUi-handle::after {
	display: none;
}
