/* Nieuw productfilter (test): de opmaak van "Product Filters for WooCommerce" in de stijl van het ontwerp
   (docs/categoriefilter/Categoriefilter-voorstel.html). Alles hangt aan body.ph-filter-nieuw, dus het oude
   filter verandert niet. Geladen door mu-plugins/ph-filter-test.php. */
.ph-filter-nieuw .wcpf-filter{border:1px solid #dfe5dc;background:#fff;font-size:14px;line-height:1.4}
.ph-filter-nieuw .wcpf-filter::before{content:"Filter";display:block;padding:14px 16px;border-bottom:1px solid #dfe5dc;font-size:17px;font-weight:700;color:#333}
.ph-filter-nieuw .wcpf-filter .wcpf-field-item{margin:0;padding:14px 16px 12px;border:0;border-bottom:1px solid #dfe5dc;background:none}
.ph-filter-nieuw .wcpf-filter .wcpf-field-item:last-child{border-bottom:0}
/* Een groep zonder keuzes op deze pagina tonen we niet. */
.ph-filter-nieuw .wcpf-filter .wcpf-status-disabled{display:none}
.ph-filter-nieuw .wcpf-filter .wcpf-inner{margin:0;padding:0;border:0;background:none}
.ph-filter-nieuw .wcpf-filter .wcpf-heading-label{display:block;margin:0 0 8px;padding:0;border:0;background:none;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#555}
/* De groepen staan altijd open; de knop om ze dicht te klappen vervalt. */
.ph-filter-nieuw .wcpf-filter .wcpf-field-item.wcpf-box-style .wcpf-heading-label{cursor:default;pointer-events:none}
.ph-filter-nieuw .wcpf-filter .wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle{display:none}
.ph-filter-nieuw .wcpf-filter .wcpf-content{padding:0;border:0;background:none}
.ph-filter-nieuw .wcpf-filter .wcpf-item{margin:0;padding:0}
/* De plugin tekent het vinkje zelf: het knopje is het vakje, het echte invoerveld is verborgen. Flatsome maakt van
   elke knop een brede knop; hieronder krijgt het vakje zijn eigen maat terug en staat de naam ernaast. */
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label{display:flex;align-items:center;gap:10px;min-height:32px;margin:0;padding:0;color:#333;cursor:pointer}
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label:before,.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label:after{display:none}
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label:hover{color:#111}
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-input-container{float:none;flex:0 0 18px;display:block;width:18px;min-width:0;max-width:18px;height:18px;min-height:0;margin:0;padding:0;transform:none;border:1px solid #8a948a;border-radius:2px;background:#fff;box-shadow:none;line-height:1}
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container{border-color:var(--fs-color-primary,#006837);background:var(--fs-color-primary,#006837)}
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container::after{top:4px;left:3px;width:9px;height:4px;border-color:#fff}
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-title-container{float:none;flex:1 1 auto;display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:auto;min-width:0;padding-left:0;line-height:1.4}
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-title{font-size:14px;font-weight:400}
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-title{font-weight:700}
.ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-product-counts{flex:0 0 auto;padding-left:0;font-size:12px;color:#767676;font-variant-numeric:tabular-nums}
.ph-filter-nieuw .wcpf-filter :focus-visible{outline:3px solid rgba(0,104,55,.35);outline-offset:2px}
/* "Wis alles" als gewone tekstlink onderaan. */
.ph-filter-nieuw .wcpf-filter .wcpf-field-button{padding-top:12px;padding-bottom:12px}
.ph-filter-nieuw .wcpf-filter .wcpf-field-button button{width:auto;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--fs-color-primary,#006837);font-size:14px;font-weight:700;line-height:1.4;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:849px){
  .ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label{min-height:44px}
  .ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-input-container{flex-basis:22px;width:22px;max-width:22px;height:22px}
  .ph-filter-nieuw .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked > .wcpf-checkbox-item-inner > .wcpf-checkbox-label .wcpf-input-container::after{top:5px;left:4px;width:11px;height:5px}
}