/**
 * ACF Options / block editor layout helpers.
 * Stretch range sliders so H1–H5 (and other range) controls are easy to drag.
 */

.acf-field.bontheme-acf-style-range .acf-input,
.acf-field.acf-field-range .acf-input {
	display: block;
	min-height: 0;
}

.acf-field.bontheme-acf-style-range .acf-range-wrap,
.acf-field.acf-field-range .acf-range-wrap {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
	width: 100%;
	margin-top: 2px;
}

.acf-field.bontheme-acf-style-range .acf-range-wrap input[type="range"],
.acf-field.acf-field-range .acf-range-wrap input[type="range"] {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	max-width: none;
	margin: 0;
}

.acf-field.bontheme-acf-style-range .acf-range-wrap input[type="number"],
.acf-field.bontheme-acf-style-range .acf-range-wrap input[type="text"],
.acf-field.acf-field-range .acf-range-wrap input[type="number"],
.acf-field.acf-field-range .acf-range-wrap input[type="text"] {
	flex: 0 0 auto;
	width: 72px;
	min-width: 64px;
	margin: 0;
}

.acf-field.bontheme-acf-style-range .acf-range-wrap .acf-append,
.acf-field.acf-field-range .acf-range-wrap .acf-append {
	flex: 0 0 auto;
	margin: 0;
	line-height: 1.4;
}