/* Custom noUiSlider styling */
.noUi-target {
    background: #e9ecef;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    height: 6px;
}

.noUi-connect {
    background: #EE9437;
}

.noUi-handle {
    border: 2px solid #EE9437;
    border-radius: 50%;
    background: #852519;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    width: 18px;
    height: 18px;
    right: -9px;
    top: -6px;
}

.noUi-handle:before,
.noUi-handle:after {
    display: none;
}

.noUi-handle:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.noUi-handle:active {
    box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

.noUi-horizontal {
    height: 6px;
}

.noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    right: -9px;
    top: -6px;
}

.noUi-touch-area {
    width: 100%;
    height: 100%;
}