.domapka-range-widget {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.domapka-slider {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.domapka-range-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: 14px;
	line-height: 1.4;
	color: #777;
}

.domapka-range-label {
	font-weight: 400;
	color: #777;
}

.domapka-range-current {
	font-size: 14px;
	color: #777;
	white-space: nowrap;
}

.domapka-range-ui {
	margin: 2px 4px 0;
}

/* Główny kontener noUiSlider */
.domapka-range-ui.noUi-target {
	height: 3px;
	border: 0;
	border-radius: 0;
	background: #e7e1da;
	box-shadow: none;
}

/* Tło toru */
.domapka-range-ui .noUi-base {
	height: 3px;
}

/* Aktywny zakres */
.domapka-range-ui .noUi-connects {
	border-radius: 0;
	background: #e7e1da;
}

.domapka-range-ui .noUi-connect {
	background: #d9b48f;
}

/* Uchwyty */
.domapka-range-ui .noUi-handle {
	width: 6px;
	height: 14px;
	right: -3px !important;
	top: -6px;
	border: 0;
	border-radius: 0;
	background: #d9b48f;
	box-shadow: none;
	cursor: pointer;
}

/* Usunięcie kresek z noUiSlider */
.domapka-range-ui .noUi-handle::before,
.domapka-range-ui .noUi-handle::after {
	display: none;
}

/* Bez dodatkowych cieni/focusów */
.domapka-range-ui.noUi-horizontal .noUi-handle {
	box-shadow: none;
}

/* Przyciski */
.domapka-filter-apply {
	align-self: flex-start;
	min-height: auto;
	padding: 8px 14px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	border: 0;
	border-radius: 3px;
	background: #efefef;
	color: #555;
	box-shadow: none;
}

.domapka-filter-apply:hover {
	background: #e5e5e5;
	color: #333;
}

/* Delikatne dopasowanie w widgetach/sidebarze */
.widget .domapka-range-widget,
.wd-widget .domapka-range-widget {
	margin-top: 4px;
}

/* Mniejszy odstęp między sliderami */
.domapka-range-widget .domapka-slider + .domapka-slider {
	margin-top: -2px;
}