Properties and developments

.plrk-filters{display:flex;gap:12px;padding:20px;background:#e9ede5;margin-bottom:8px;align-items:flex-end;flex-wrap:wrap} .plrk-filters label{flex:1 1 170px;font-family:'DM Sans',Arial,sans-serif} .plrk-filters label span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;color:#23392f} .plrk-filters select,.plrk-filters input{width:100%;padding:13px;border:1px solid #d3dacd;background:#f6f4ed;color:#23392f;font:inherit;font-size:13px;border-radius:0} .plrk-filters button{background:#123b30;color:#fff;border:1px solid #123b30;padding:15px 24px;font:600 12px 'DM Sans',Arial,sans-serif;border-radius:10px;cursor:pointer} .plrk-count{font-size:11px;color:#697567;margin:14px 0 20px;line-height:1.7} .plrk-empty{padding:40px;text-align:center;border:1px solid #d3dacd;font-size:13px;color:#697567;margin-top:10px} .plrk-prop.plrk-hide{display:none!important} document.addEventListener('DOMContentLoaded',function(){ var st=document.getElementById('plrk-state'),su=document.getElementById('plrk-status'),cl=document.getElementById('plrk-class'),q=document.getElementById('plrk-search'),count=document.getElementById('plrk-count'),empty=document.getElementById('plrk-empty'); function run(){var n=0;document.querySelectorAll('.plrk-prop').forEach(function(c){var ok=(!st.value||c.dataset.state===st.value)&&(!su.value||c.dataset.status===su.value)&&(!cl.value||c.dataset.class.indexOf(cl.value)>-1)&&(c.dataset.name.toLowerCase().indexOf(q.value.toLowerCase())>-1);c.classList.toggle('plrk-hide',!ok);if(ok)n++});count.textContent=n+' property and development profiles shown · availability confirmed per placement';if(empty)empty.hidden=n>0} [st,su,cl,q].forEach(function(e){e.addEventListener('input',run)}); document.getElementById('plrk-reset').addEventListener('click',function(){st.value='';su.value='';cl.value='';q.value='';run()}); run(); });