/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 17 2025 | 15:21:23 */
/* =============== FILTER & CLEAR BUTTONS =============== */
.css_filterbox_jormax_e24 .button-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.css_filterbox_jormax_e24 .wpfFilterButton,
.css_filterbox_jormax_e24 .wpfClearButton {
    background-color: #FFC530;
    color: #2A2A2A;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 5px;
    padding: 15px 0;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    flex: 1;
    max-width: none;
    box-sizing: border-box;
    text-align: center;
}

.css_filterbox_jormax_e24 .wpfFilterButton:hover,
.css_filterbox_jormax_e24 .wpfClearButton:hover {
    background-color: #10216C;
    color: #FFFFFF;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .css_filterbox_jormax_e24 .button-container {
        flex-direction: column;
        gap: 10px;
    }

    .css_filterbox_jormax_e24 .wpfFilterButton,
    .css_filterbox_jormax_e24 .wpfClearButton {
        width: 100%;
        max-width: 100%;
    }
}

/* =============== SLIDER & OTHERS =============== */
.Sl1d3rs_3_0utr0s {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif!important;
    max-width: 460px!important;
    border-radius: 10px!important;
}

/* Buttons inside slider area */
.wpfClearButton,
.wpfButton {
    display: block !important;
    margin: 20px auto !important;
    padding: 10px 20px !important;
    background-color: #FFC530 !important;
    color: #2A2A2A !important;
    border: none !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: background-color 0.3s ease;
    cursor: pointer;
    text-align: center !important;
}

.wpfClearButton:hover,
.wpfButton:hover {
    background-color: #10216C !important;
    color: #FFFFFF !important;
}

/* Slider base (gray background for unselected part) */
.ui-slider.ui-widget-content:not(.iris-slider-offset) {
    background: #E0E0E0 !important; /* Light gray background */
    border: 0px !important;
    height: 6px !important;
    border-radius: 3px !important;
    position: relative;
}

/* Slider filled range (selected part) */
#wpfSliderRange .ui-slider-range {
    background-color: #FFC530 !important; /* Yellow */
    height: 6px !important;
    top: 0;
    border: none !important;
    border-radius: 0px;
    position: absolute;
}

/* Slider handles/balls */
#wpfSliderRange .ui-slider-handle {
    height: 20px !important;
    width: 20px !important;
    background: #FFC530 !important; /* Yellow */
    border-radius: 50% !important;
    border: 0px solid #10216C !important; /* Blue border */
    box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    cursor: pointer !important;
}

/* Left ball slight offset */
#wpfSliderRange .ui-slider-handle:first-of-type {
    transform: translate(calc(-50% + 2px), -50%) !important;
}

/* Price input fields */
.wpfPriceRangeField {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    background: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 3px 5px !important;
    text-align: center !important;
}

/* Currency symbols and delimiters */
.wpfCurrencySymbol,
.wpfFilterDelimeter {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333 !important;
}

/* Filter titles (checkbox labels) */
.wpfFilterTaxNameWrapper {
    font-size: 14px !important;
    color: #333 !important;
    font-weight: 500 !important;
}

/* Custom checkboxes */
.wpfLiLabel input[type="checkbox"] + label {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #10216C !important; /* Blue border */
    border-radius: 3px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}

.wpfLiLabel input[type="checkbox"]:checked + label {
    background-color: #10216C !important; /* Blue when active */
}

.wpfFilterButtons{
display: flex !important;
    gap: 10px !important;
}

#wpfMinPrice,
#wpfMaxPrice {
    width: 4ch !important; /* 4 characters wide, scales depending on the font */
}