/* We Unf*ck — static enhancements: blog filter/search + TOC */

/* ---- Blog search box ---- */
.uf-search{margin:0 0 26px}
.uf-search input{
  width:100%;max-width:300px;padding:11px 16px;font:400 15px/1.3 "Roboto",sans-serif;
  color:#060606;background:#fff;border:1px solid #d9dce1;border-radius:8px;outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.uf-search input::placeholder{color:#9aa1a9}
.uf-search input:focus{border-color:#00A9EE;box-shadow:0 0 0 3px rgba(0,169,238,.15)}

/* ---- Active filter state (works with Elementor's e-filter-item buttons) ---- */
.e-filter-item{cursor:pointer;transition:color .2s}
.e-filter-item.uf-active{color:#00A9EE !important;font-weight:600}

/* ---- No results message ---- */
.uf-no-results{display:none;padding:30px 0;color:#5B656F;font:400 17px/1.5 "Roboto",sans-serif}

/* ---- Table of contents (sticky, scrollspy) ---- */
.uf-toc{
  font-family:"Red Hat Display",sans-serif;
}
.uf-toc__title{
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  color:#A9BBCE;margin:0 0 14px;
}
.uf-toc__list{list-style:none;margin:0;padding:0;border-left:2px solid #e5e7eb}
.uf-toc__list li{margin:0}
.uf-toc__list li.lvl-3{margin-left:14px}
.uf-toc a{
  display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;
  color:#5B656F;font-size:14px;line-height:1.35;text-decoration:none;transition:color .2s,border-color .2s;
}
.uf-toc a:hover{color:#060606}
.uf-toc a.uf-active{color:#00A9EE;border-left-color:#00A9EE;font-weight:600}

@media (min-width:1025px){
  .uf-toc.uf-toc--sticky{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto}
}