/* Listing filters. Base rules taken over from FacetWP front.css: the theme styles build on them. */
.tln-listing-region { display: contents; }

.facetwp-facet { margin-bottom: 40px; }
.facetwp-facet.is-loading { opacity: .6; }
.tln-listing-region.is-loading .facetwp-template { opacity: .3; transition: opacity .2s ease; }

.facetwp-page { display: inline-block; padding: 0 4px; margin-right: 6px; cursor: pointer; }
.facetwp-page.dots { cursor: default; }
.facetwp-page.active { font-weight: bold; cursor: default; }

.facetwp-radio { background: url(../images/facet/radio.png) 0 50% no-repeat; background-size: 14px 14px; margin-bottom: 4px; padding-left: 20px; cursor: pointer; }
.facetwp-radio.checked { background-image: url(../images/facet/radio-on.png); }
.facetwp-checkbox { background: url(../images/facet/checkbox.png) 0 50% no-repeat; background-size: 14px 14px; margin-bottom: 4px; padding-left: 20px; cursor: pointer; }
.facetwp-checkbox.checked { background-image: url(../images/facet/checkbox-on.png); }
.facetwp-checkbox.disabled, .facetwp-radio.disabled { opacity: .4; cursor: default; }
.facetwp-display-value { padding-right: 5px; }
.facetwp-hidden { display: none; }

/* Options are links now (FacetWP used divs): zero specificity, so every theme rule still wins. */
:where(a.facetwp-radio, a.facetwp-checkbox, a.facetwp-page) { color: inherit; text-decoration: none; }
:where(a.facetwp-radio, a.facetwp-checkbox) { display: block; }