@media screen and (min-width:769px){.wpc_show_bottom_widget .wpc-filters-widget-content{height:auto!important}body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed,body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened){display:block!important}}@media screen and (min-width:768px){.wpc-custom-selected-terms{clear:both;width:100%}.wpc-custom-selected-terms ul.wpc-filter-chips-list{display:flex;overflow-x:auto;overflow-y:clip;padding-left:0}.wpc-filters-main-wrap .wpc-custom-selected-terms ul.wpc-filter-chips-list{display:block;overflow:visible}html.is-active .wpc-filters-overlay{top:0;opacity:.3;background:#fff}.wpc-filters-main-wrap input.wpc-label-input+label:hover{border:1px solid rgba(0,0,0,.25);border-radius:5px}.wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{color:#333;background-color:rgba(0,0,0,.25)}.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{color:#333}.theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms{font-size:inherit}.theme-storefront #primary .wpc-custom-selected-terms{font-size:.875em}}@media screen and (max-width:768px){.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after,.wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before{display:none;}.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-widget-top-container{text-align:center}.wpc_show_bottom_widget .wpc-filters-widget-top-container{position:sticky;top:0;z-index:99999;border-bottom:1px solid #f7f7f7}.wpc-custom-selected-terms:not(.wpc-show-on-mobile),.wpc-edit-filter-set,.wpc_show_bottom_widget .widget_wpc_selected_filters_widget,.wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title,.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title,.wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button,.wpc_show_bottom_widget .wpc-posts-found,body.wpc_show_bottom_widget .wpc-open-close-filters-button,body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened),.widget_wpc_chips_widget .widget-title:not(.wpc-show-on-mobile-widget-title), .widget_wpc_chips_widget .widgettitle:not(.wpc-show-on-mobile-widget-title) {display:none}.wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),.wpc_show_bottom_widget .wpc-spinner.is-active,.wpc_show_bottom_widget .wpc-widget-close-container,html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner{display:block}body .wpc-filters-main-wrap li.wpc-term-item{padding:2px 0}.wpc-chip-empty{width:0;display:list-item;visibility:hidden;margin-right:0!important}.wpc-overlay-visible #secondary{z-index:auto}html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay{top:0;opacity:.2;background:#fff}.wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list{display:flex;overflow-x:auto;padding-left:0}html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay{top:0;opacity:.3;background:#fff}body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened){display:block!important}.wpc-open-close-filters-button{display:block;margin-bottom:20px}.wpc-overlay-visible body,html.wpc-overlay-visible{overflow:hidden!important}.wpc_show_bottom_widget .widget_wpc_filters_widget,.wpc_show_bottom_widget .wpc-filters-main-wrap{padding:0!important;margin:0!important}.wpc_show_bottom_widget .wpc-filters-range-column{width:48%;max-width:none}.wpc_show_bottom_widget .wpc-filters-toolbar{display:flex;margin:1em 0}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper{display:block;padding-left:20px;padding-right:20px}.wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title.wpc-filter-title{display:flex}.wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list,.wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list{display:flex;-webkit-box-pack:start;place-content:center flex-start;overflow-x:auto;padding-top:5px;padding-bottom:5px;margin-left:0;padding-left:0}.wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay{top:0;opacity:.4}.wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-scroll-container .wpc-filters-widget-wrapper{opacity:.6;pointer-events:none}.wpc_show_bottom_widget .wpc-filters-open-button-container{margin-top:1em;margin-bottom:1em}.wpc_show_bottom_widget .wpc-filters-widget-content{position:fixed;bottom:0;right:0;left:0;top:5%;z-index:999999;padding:0;background-color:#fff;margin:0;box-sizing:border-box;border-radius:7px 7px 0 0;transition:transform .25s;transform:translate3d(0,120%,0);-webkit-overflow-scrolling:touch;height:auto}.wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper{padding:0;margin:0;overflow-y:scroll;box-sizing:border-box;position:fixed;top:56px;left:0;right:0;bottom:0}.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-filters-widget-opened{transform:translate3d(0,0,0)}.theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content,.theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container{background-color:#000}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list,.wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{max-height:none}.wpc_show_bottom_widget .wpc-filters-scroll-container{background:#fff;min-height:100%}.wpc_show_bottom_widget .wpc-filters-widget-wrapper{padding:20px 20px 15px}.wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field,.wpc-sorting-form select,.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=number],.wpc_show_bottom_widget .wpc-filters-main-wrap input[type=text],.wpc_show_bottom_widget .wpc-filters-main-wrap select,.wpc_show_bottom_widget .wpc-filters-main-wrap textarea,.wpc_show_bottom_widget .wpc-search-field,.wpc_show_open_close_button .wpc-search-field,.wpc_show_open_close_button .wpc-filter-search-field{font-size:16px}.wpc-filter-layout-dropdown .select2-container .select2-selection--single,.wpc-sorting-form .select2-container .select2-selection--single{height:auto;padding:6px}.wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list{overflow-y:visible}.theme-twentyeleven #primary,.theme-twentyeleven #secondary{margin-left:0;margin-right:0;clear:both;float:none}#main>.fusion-row{max-width:100%}.wpc_show_bottom_widget .wpc-filters-open-button-container,.wpc_show_bottom_widget .wpc-filters-widget-controls-container,.wpc_show_bottom_widget .wpc-filters-widget-top-container,.wpc_show_open_close_button .wpc-filters-open-button-container{display:block}}
.wpc-preload-img{display:none;}li.wpc-term-item label span.wpc-term-swatch,.wpc-term-swatch-wrapper{width:32px;min-width:32px;height:32px;}
.wpc-term-swatch-wrapper:after{width:12.8px;height:6.4px;left:9.1428571428571px;top:9.1428571428571px;}.wpc-term-image-wrapper{width:70px;min-width:70px;height:40px;}.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list{
                        max-height: 550px;
                        overflow-y: auto;
                }
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range{
                        background-color: #0570e2;
                    }
                
.wpc-spinner:after {
                        border-top-color: #0570e2;
                    }
.theme-Avada .wpc-filter-product_visibility .star-rating:before,
                .wpc-filter-product_visibility .star-rating span:before{
                    color: #0570e2;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
                        background-color: #0570e2;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label{
                        border-color: #0570e2;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper{
                        background-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label{
                        border-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input+label:hover{
                        border-color: #d8d8d8;
                }
body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label a,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label span
                {
                        color: #333333;
                }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
                body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked+label a{
                        color: #f5f5f5;
                }
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a,
                body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) span[data-wpc-span-link],
                body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) span.wpc-apply-button-chip{
                    border-color: #0570e2;
                }
body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
                body .wpc-filters-main-wrap a.wpc-filters-submit-button{
                    border-color: #0570e2;
                    background-color: #0570e2;
                    color: #f5f5f5;
                }
body .wpc-filter-chips-list li.wpc-filter-chip a:hover,
                body .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:hover,
                body .wpc-filter-chips-list li.wpc-filter-chip span.wpc-apply-button-chip:hover{
                    opacity: 0.9;
                }
body .wpc-filter-chips-list li.wpc-filter-chip a:active,
                body .wpc-filter-chips-list li.wpc-filter-chip span[data-wpc-span-link]:active,
                body .wpc-filter-chips-list li.wpc-filter-chip span.wpc-apply-button-chip:active{
                    opacity: 0.75;
                }
.star-rating span,
                .star-rating span:before{
                    color: #0570e2;
                }
body a.wpc-filters-open-widget:active, a.wpc-filters-open-widget:active, 
                .wpc-filters-open-widget:active{
                    border-color: #0570e2;
                    background-color: #0570e2;
                    color: #f5f5f5;
                }
a.wpc-filters-open-widget:active span.wpc-icon-line-1:after,
                a.wpc-filters-open-widget:active span.wpc-icon-line-2:after,
                a.wpc-filters-open-widget:active span.wpc-icon-line-3:after{
                    background-color: #0570e2;
                    border-color: #f5f5f5;
                }
a.wpc-filters-open-widget:active .wpc-icon-html-wrapper span{
                    background-color: #f5f5f5;
                }
body .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{
                        color: #f5f5f5;
                        background-color: #0570e2;
                    }
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{
                        color: #f5f5f5;
                    }
body .wpc-filters-main-wrap input.wpc-label-input+label:hover{
                        border-color: #0570e2;
                    }
#ui-datepicker-div.wpc-filter-datepicker .ui-state-active, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-active, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-active{
                    border-color: #0570e2;
                    background: #0570e2;
                    opacity: 0.95;
            }
#ui-datepicker-div.wpc-filter-datepicker .ui-state-hover, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-hover, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-hover, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-state-focus, 
            #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-focus, 
            #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-focus{
                border-color: #0570e2;
                background: #0570e2;
                opacity: 0.6;
            }#ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default{
                background: #0570e2;
                color: #f5f5f5;
            }
.flrt-star-label svg{
                    stroke: #0570e2;
            }
.flrt-star-label-hover svg, .wpc-chip-stars svg{
                    fill: #0570e2;
            }
.wpc-filter-label-stars-wrapper{
                   padding: 4px 5px !important;
            }
.wpc-filter-label-stars-wrapper .flrt-star-label svg{
                    height: 17px;
                    width: 17px;
            }
body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-stars-wrapper .flrt-star-label svg, 
            span.wpc-filter-label-stars-wrapper:hover .flrt-star-label svg{
                        fill: #f5f5f5;
                }
@media screen and (min-width: 768px) {
html.is-active .wpc-spinner{
                                display: block;
                            }}
@media screen and (min-width: 768px) {
html.is-active .wpc-filters-overlay{
                            opacity: .15;
                            background: #000000;
                        }}
/* ==========================================================================
   HolidayGoGoGo - tour search styling
   Paste into: Filters > Settings > Experimental > Custom CSS
   Scope: filter sidebar only. Card styling lives in the loop item template.
   ========================================================================== */

:root {
    --hg-ink: #1A1A1A;
    --hg-muted: #5F6368;
    --hg-faint: #767676;
    --hg-line: #E0E0E0;
    --hg-amber: #F5A623;
    --hg-green: #1A8917;
    --hg-empty: #AFB2B6;   /* term with no packages behind it */
}

/* ==========================================================================
   1. FILTER PANEL SHELL
   ========================================================================== */

.wpc-filters-main-wrap,
.wpc-filters-main-wrap *,
.widget_wpc_filters_widget,
.widget_wpc_filters_widget * {
    font-family: 'Rubik', sans-serif;
}

.wpc-filters-main-wrap,
.wpc-filters-widget-content,
.wpc-filters-scroll-container,
.wpc-filters-widget-wrapper,
.widget_wpc_filters_widget {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: none;
    max-height: none;
}

/* Hidden on desktop. The empty chips strip otherwise renders as a stray
   hairline under the panel heading. */
.wpc-filters-open-button-container,
.wpc-widget-close-container,
.wpc-filters-widget-top-container {
    display: none;
}

/* Panel heading */
.wpc-filter-set-widget-title .widgettitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--hg-ink);
    margin: 0 0 2px;
    padding: 0;
    border: 0;
    text-decoration: none;
}

/* ==========================================================================
   2. FILTER SECTIONS
   ========================================================================== */

/* Dividers between sets only. :first-of-type does not work here: the plugin
   prints a .wpc-posts-found div first, so the first section is never it. */
.wpc-filters-section {
    border: 0;
    padding: 18px 0;
    margin: 0;
}
.wpc-filters-section + .wpc-filters-section {
    border-top: 1px solid var(--hg-line);
}
.wpc-filters-section:first-of-type {
    padding-top: 2px;
}

/* Nothing between the panel heading and the first filter. */
.wpc-filter-set-widget-title,
.wpc-posts-found {
    border: 0;
}

.wpc-filter-header .wpc-filter-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--hg-ink);
    margin: 0 0 6px;
    padding: 0;
    text-decoration: none;
}

/* The small "?" bubble beside every heading. */
.wpc-help-tip {
    display: none;
}

/* ==========================================================================
   3. TERM ROWS
   li.wpc-term-item > div.wpc-term-item-content-wrapper, holding the
   input, label and toggle as siblings.
   ========================================================================== */

.wpc-filters-ul-list,
.wpc-filters-ul-list ul.children {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* Do NOT set display or width here. The plugin controls li display itself
   for the show-more and term-search features:
     .wpc-search-active .wpc-filters-ul-list li.showli { display:list-item }
   Forcing display:block !important overrides that and breaks both. The
   full-width problem was the wrapper's padding-right, handled below. */
li.wpc-term-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wpc-term-item-content-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    /* The plugin sets padding-right:32px to reserve room for its own
       absolutely positioned toggle. Ours sits in the flow, so that space
       is just a gap at the right edge. */
    padding: 2px 0 !important;
    width: 100%;
}

.wpc-term-item-content-wrapper label {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0 6px;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    color: var(--hg-ink);
    cursor: pointer;
}

/* The term name is a link, which most themes paint blue. */
a.wpc-filter-link {
    color: var(--hg-ink);
    text-decoration: none;
    font-weight: 400;
}
.wpc-term-item-content-wrapper label:hover a.wpc-filter-link {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.wpc-term-count {
    color: var(--hg-faint);
    font-size: 13px;
    white-space: nowrap;
}

/* ==========================================================================
   4. CHECKBOXES
   The plugin sets a 10px radius, hence the overrides.
   ========================================================================== */

.wpc-term-item input[type="checkbox"],
.wpc-term-item input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    flex: none;
    width: 17px;
    height: 17px;
    margin: 0;
    border: 1.5px solid #8A8A8A !important;
    border-radius: 4px !important;
    background: #FFFFFF !important;
    cursor: pointer;
    position: relative;
    transition: background .12s ease, border-color .12s ease;
}
.wpc-term-item input[type="radio"] {
    border-radius: 50% !important;
}
.wpc-term-item input[type="checkbox"]:hover,
.wpc-term-item input[type="radio"]:hover {
    border-color: var(--hg-ink) !important;
}
.wpc-term-item input[type="checkbox"]:checked,
.wpc-term-item input[type="radio"]:checked {
    background: var(--hg-green) !important;
    border-color: var(--hg-green) !important;
}
.wpc-term-item input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    left: 5.5px;
    top: 2px;
    width: 4px;
    height: 8.5px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.wpc-term-item input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: #FFFFFF;
}
.wpc-term-item input:focus-visible {
    outline: 2px solid #4A90D9;
    outline-offset: 2px;
}

/* ==========================================================================
   5. HIERARCHY
   Tighter indent than the plugin's default, and a guide line so three
   levels still read as a tree without pushing text off the column.
   ========================================================================== */

.wpc-filter-has-hierarchy ul.children {
    padding-left: 13px;
    margin-left: 8px;
    border-left: 1px solid #EDEDED;
}
.wpc-filter-has-hierarchy ul.children ul.children {
    padding-left: 12px;
    margin-left: 8px;
}

/* Expand toggle (plus / minus). Drawn as two background gradients on the
   element itself, with the plugin's own ::before and ::after switched off.
   Overriding its pseudo-elements piecemeal kept leaking a property through
   (display:none, then transform:rotate(90deg) stacked both strokes). */

i.wpc-toggle-children-list {
    display: inline-block !important;
    position: relative !important;
    flex: none !important;
    width: 20px !important;
    height: 20px !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    /* Pinned to the right edge of the column, so the term name gets all
       the space in between and long names wrap instead of crowding it. */
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    font-style: normal;
    cursor: pointer;
    border-radius: 4px;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center, center center !important;
    /* first gradient is the horizontal bar, second is the vertical bar */
    background-image:
        linear-gradient(var(--hg-muted), var(--hg-muted)),
        linear-gradient(var(--hg-muted), var(--hg-muted)) !important;
    background-size: 10px 1.6px, 1.6px 10px !important;
    transition: background-color .12s ease, background-size .12s ease;
}

i.wpc-toggle-children-list:hover {
    background-color: #F2F2F2 !important;
}

/* The plugin's own strokes, switched off so they cannot interfere. */
i.wpc-toggle-children-list::before,
i.wpc-toggle-children-list::after {
    content: none !important;
    display: none !important;
}

/* Open: drop the vertical bar, leaving a minus. */
li.wpc-opened > .wpc-term-item-content-wrapper i.wpc-toggle-children-list,
li.wpc-term-item.wpc-opened > .wpc-term-item-content-wrapper i.wpc-toggle-children-list,
i.wpc-toggle-children-list.wpc-opened {
    background-size: 10px 1.6px, 0 0 !important;
}


/* ==========================================================================
   6. TERM SEARCH BOX
   ========================================================================== */

.wpc-filter-search-wrapper {
    position: relative;
    margin: 0 0 7px;
}
input.wpc-filter-search-field {
    width: 100%;
    font-size: 14px;
    color: var(--hg-ink);
    background: #FFFFFF;
    border: 1px solid #8A8A8A;
    border-radius: 8px;
    padding: 8px 32px 8px 34px;
    box-shadow: none;
}
input.wpc-filter-search-field:focus {
    border-color: var(--hg-ink);
    outline: none;
}
/* The plugin draws its own magnifier here. Position only. */
.wpc-search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    opacity: .55;
    pointer-events: none;
}

/* ==========================================================================
   7. SHOW MORE
   ========================================================================== */

.wpc-filter-more-less-trigger,
.wpc-more-less-link,
.wpc-open-close-filter {
    display: inline-block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--hg-ink);
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}

/* ==========================================================================
   8. PRICE RANGE
   ========================================================================== */

.wpc-filters-range-wrapper {
    display: flex;
    gap: 10px;
}
.wpc-filters-range-column {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
}
.wpc-filters-range-column input[type="number"] {
    width: 100%;
    font-size: 14px;
    color: var(--hg-ink);
    background: #FFFFFF;
    border: 1px solid #8A8A8A;
    border-radius: 8px;
    padding: 8px 30px 8px 11px;
    box-shadow: none;
}
.wpc-filters-range-column input[type="number"]:focus {
    border-color: var(--hg-ink);
    outline: none;
}

.noUi-connect,
.ui-slider-range {
    background: var(--hg-ink);
}
.noUi-target,
.ui-slider {
    background: var(--hg-line);
    border: 0;
    box-shadow: none;
    height: 3px;
}
.noUi-handle,
.ui-slider-handle {
    background: #FFFFFF;
    border: 1px solid #9A9A9A;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
    width: 19px;
    height: 19px;
}

/* ==========================================================================
   9. CLEAR BUTTONS
   Term search clear, plus the two inside the price inputs.
   ========================================================================== */

/* The plugin targets these more specifically and sets top/right/width/height,
   which put the cross in the corner. Colliding properties forced here. */
.wpc-filter-search-wrapper .wpc-search-clear,
.wpc-filters-range-column .wpc-range-clear,
.wpc-search-clear,
.wpc-range-clear {
    position: absolute !important;
    right: 7px !important;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: var(--hg-muted) !important;
    font-size: 16px !important;
    line-height: 1 !important;
    cursor: pointer;
}
.wpc-filter-search-wrapper .wpc-search-clear:hover,
.wpc-filters-range-column .wpc-range-clear:hover,
.wpc-search-clear:hover,
.wpc-range-clear:hover {
    background: #F0F0F0 !important;
    color: var(--hg-ink) !important;
}
.wpc-search-clear-icon {
    font-size: 16px;
    line-height: 1;
}

/* ==========================================================================
   10. APPLY AND RESET
   ========================================================================== */

.wpc-apply-button-container,
.wpc-buttons-container {
    display: flex;
    gap: 10px;
    padding-top: 10px;
}
.wpc-apply-filters-button,
.wpc-filters-apply-button,
button.wpc-apply-button {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF !important;
    background: var(--hg-amber) !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 9px 18px !important;
    cursor: pointer;
    box-shadow: none !important;
}
.wpc-apply-filters-button:hover,
.wpc-filters-apply-button:hover,
button.wpc-apply-button:hover {
    background: #E09612 !important;
}
.wpc-reset-button,
.wpc-filters-reset-button,
a.wpc-reset-filters {
    font-size: 14px;
    font-weight: 500;
    color: var(--hg-ink) !important;
    background: #FFFFFF !important;
    border: 1px solid #C9C9C9 !important;
    border-radius: 8px !important;
    padding: 9px 16px !important;
    text-decoration: none;
    cursor: pointer;
}
.wpc-reset-button:hover,
.wpc-filters-reset-button:hover,
a.wpc-reset-filters:hover {
    border-color: var(--hg-ink) !important;
}

/* ==========================================================================
   11. CHIPS
   One neutral outline for every chip. The plugin colours them individually
   and a hover ring on top reads as a second, offset border.
   ========================================================================== */

.wpc-filter-chips-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.wpc-filter-chips-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.wpc-filter-chips-list a,
.wpc-chip,
.wpc-chips-reset-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 15px;
    font-weight: 500;
    color: var(--hg-ink) !important;
    background: #FFFFFF;
    border: 1px solid #C9C9C9 !important;
    border-radius: 999px;
    padding: 9px 16px;
    text-decoration: none;
    box-shadow: none !important;
    outline: none;
    transition: border-color .14s ease, background .14s ease;
}
.wpc-filter-chips-list a:hover,
.wpc-chip:hover,
.wpc-chips-reset-button:hover {
    border-color: var(--hg-ink) !important;
    background: #F7F7F7;
    box-shadow: none !important;
}

/* ==========================================================================
   12. RESULTS COUNT AND SORTING
   Printed by the plugin, so they belong here.
   ========================================================================== */

.dphggg-arch__found,
.dphggg-arch__found * {
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    color: var(--hg-muted);
}
.dphggg-arch__found strong {
    color: var(--hg-ink);
    font-weight: 600;
}

.wpc-sorting-form select,
.dphggg-arch__sort select {
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--hg-ink);
    background: transparent;
    border: 0;
    padding: 6px 24px 6px 4px;
    cursor: pointer;
}

/* ==========================================================================
   13. MOBILE
   The plugin's own trigger and popup come back.
   ========================================================================== */

@media (max-width: 767px) {

    .wpc-filters-open-button-container { display: block; }
    .wpc-widget-close-container { display: flex; }

    a.wpc-filters-open-widget {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        font-size: 15px;
        font-weight: 600;
        color: var(--hg-ink);
        background: #FFFFFF;
        border: 1px solid var(--hg-ink);
        border-radius: 999px;
        padding: 12px 20px;
        text-decoration: none;
    }

    .wpc-widget-popup-title {
        font-size: 18px;
        font-weight: 700;
        color: var(--hg-ink);
    }


}


/* ==========================================================================
   8. TERMS WITH NO PACKAGES
   ==========================================================================
   The plugin marks these li.wpc-term-count-0 and fades them to opacity .8,
   which at 14px is close to invisible. These rules push the contrast further
   so a customer can tell at a glance what is worth clicking.

   Two things this deliberately does not do:

   1. It does not touch a parent whose children DO have packages. The plugin
      excludes those with :not(.wpc-has-not-empty-children) and so does this.
      Greying out Malaysia because Malaysia itself holds no posts would hide
      the route to Redang Island underneath it.
   2. It does not fade the expand and collapse icon. The row stays clickable,
      and a hierarchy you cannot see well enough to open is worse than a
      hierarchy with a few dim rows in it.
   ========================================================================== */

/* Drop the plugin's blanket fade. The parts are handled separately below, so
   the text can go lighter than the control without the whole row washing out. */
body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children),
body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) a,
body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) label a {
    opacity: 1;
}

/* The name itself. #AFB2B6 on white is about 2.2:1, clearly recessive next to
   the #333 of an available term, and still legible. */
body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) label,
body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) label a,
body .wpc-filters-main-wrap li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) .wpc-filter-link,
li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) .wpc-term-count {
    color: var(--hg-empty);
}

/* The checkbox, faded to match rather than left at full strength. An empty
   term with a crisp black box beside pale text reads as a rendering fault. */
li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) input[type="checkbox"],
li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) input[type="radio"] {
    border-color: #DCDDDF;
    background: #FAFAFA;
}

/* Hovering an empty term should not promise anything, so the usual hover
   darkening is held back to a small lift. */
li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) .wpc-term-item-content-wrapper label:hover a.wpc-filter-link,
li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) .wpc-term-item-content-wrapper label:hover {
    color: #8E9195;
}

/* The toggle icon keeps its normal weight. See note 2 above. */
li.wpc-term-item.wpc-term-count-0:not(.wpc-has-not-empty-children) i.wpc-toggle-children-list {
    opacity: 1;
}
