/* General styles for the custom filter container */
.custom-filter {
    background-color: transparent; /* Set background to transparent */
    color: #FAFAFA; /* Default text color */
    padding: 5px; /* Further reduced padding */
    border-radius: 5px;
}

/* Input and select fields */
.custom-filter input,
.custom-filter select,
.custom-filter .wcpf_reset,
.custom-filter .wcpf-input {
    background-color: #0E1821; /* Set background color for input and select fields */
    color: #FAFAFA; /* Input and select text color */
    border: 1px solid #FF5B0C; /* Border color */
    margin: 2px 0; /* Further reduced margin */
    padding: 2px; /* Further reduced padding */
}

/* Reset button styles */
.custom-filter .wcpf_reset {
    background-color: #FF5B0C; /* Reset button background color */
    color: #FAFAFA; /* Reset button text color */
    border: none;
    padding: 2px 2px; /* Further reduced padding */
    cursor: pointer;
    border-radius: 2px;
    margin: 2px 0; /* Further reduced margin */
}

.custom-filter .wcpf_reset:hover {
    background-color: #FF5B0C; /* Hover background color */
}

/* Label styles */
.custom-filter label,
.custom-filter .wcpf_filter_label,
.custom-filter .wcpf-heading-label,
.custom-filter .wcpf-field-title,
.custom-filter .wcpf-field-item .text {
    color: #FAFAFA; /* Label text color */
    margin: 2px 0; /* Further reduced margin */
}

/* Price slider styles */
.custom-filter .wcpf_price_slider,
.custom-filter .wcpf_price {
    background-color: transparent; /* Slider background color */
    border: none; /* Remove border */
    color: #FAFAFA; /* Price text color */
    margin: 2px 0; /* Further reduced margin */
}

.custom-filter .wcpf_price_slider .ui-slider-handle {
    background-color: #FF5B0C; /* Slider handle color */
    border: 1px solid #777; /* Slider handle border color */
}

/* Price slider text inputs */
.custom-filter .wcpf_price_slider input[type="text"],
.custom-filter .wcpf_price_slider input[type="number"],
.custom-filter .wcpf_price input[type="text"],
.custom-filter .wcpf_price input[type="number"] {
    background-color: #0E1821; /* Set background color for price slider inputs */
    color: #FAFAFA; /* Text color for price slider inputs */
    border: 1px solid #FF5B0C; /* Border color */
    margin: 2px 0; /* Further reduced margin */
    padding: 2px; /* Further reduced padding */
}

/* Checked radio button styles */
.custom-filter .wcpf_radio input[type="radio"]:checked + label {
    background-color: #FF5B0C; /* Checked radio button background color */
    color: #FAFAFA; /* Checked radio button text color */
}

/* Adjusting placeholder text color */
.custom-filter input[type="text"]::placeholder,
.custom-filter input[type="number"]::placeholder {
    color: #FAFAFA; /* Placeholder text color */
}

/* Dropdown specific styles */
.custom-filter select {
    background-color: #0E1821; /* Dropdown background color */
    color: #FAFAFA; /* Dropdown text color */
    border: 1px solid #FF5B0C; /* Dropdown border color */
    margin: 2px 0; /* Further reduced margin */
    padding: 2px; /* Further reduced padding */
}

/* Tags styles */
.custom-filter .wcpf_tags {
    background-color: transparent; /* Tags background color */
    color: #FAFAFA; /* Tags text color */
    margin: 2px 0; /* Further reduced margin */
}

/* Additional targeting if necessary */
.custom-filter .wcpf_element,
.custom-filter .wcpf-field-item {
    color: #FAFAFA; /* Targeting inner elements */
    margin: 2px 0; /* Further reduced margin */
}

.custom-filter .wcpf_element input,
.custom-filter .wcpf_element select,
.custom-filter .wcpf-field-item input,
.custom-filter .wcpf-field-item select {
    background-color: #0E1821; /* Inner input/select background color */
    color: #FAFAFA; /* Inner input/select text color */
    border: 1px solid #FF5B0C; /* Inner input/select border color */
    margin: 2px 0; /* Further reduced margin */
    padding: 2px; /* Further reduced padding */
}