/* Jerkiss V7.20 — compact home quick filters + full live filters */
body.jk-v720 .jk-v720-home-filters{
  width:min(100%,1460px);
  margin:clamp(1.15rem,1.8vw,1.75rem) auto clamp(1.45rem,2vw,2rem);
  padding:.78rem .9rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,35,62,.12),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(0,0,0,.28));
  box-shadow:0 20px 55px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.9rem 1.1rem;
  align-items:center;
  overflow:hidden;
}
body.jk-v720 .jk-v720-home-filters-copy{
  min-width:220px;
  padding-right:.8rem;
  border-right:1px solid rgba(255,255,255,.08);
}
body.jk-v720 .jk-v720-home-filters-copy span{
  display:flex;
  align-items:center;
  gap:.44rem;
  margin:0 0 .18rem;
  color:#ff405d;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.jk-v720 .jk-v720-home-filters-copy strong{
  display:block;
  color:#fff;
  font-size:clamp(1rem,1.1vw,1.25rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
body.jk-v720 .jk-v720-home-filter-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.48rem;
  min-width:0;
}
body.jk-v720 .jk-v720-home-filter-chip,
body.jk-v720 .jk-v720-home-filter-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.38rem;
  min-height:2.15rem;
  padding:.45rem .68rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.052);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  text-decoration:none;
  line-height:1;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
body.jk-v720 .jk-v720-home-filter-chip em{
  min-width:1.28rem;
  height:1.28rem;
  padding:0 .36rem;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,rgba(255,43,72,.28),rgba(110,4,19,.62));
  color:#ff9cac;
  font-style:normal;
  font-size:.62rem;
  font-weight:950;
}
body.jk-v720 .jk-v720-home-filter-chip:hover,
body.jk-v720 .jk-v720-home-filter-chip.is-active,
body.jk-v720 .jk-v720-home-filter-more:hover{
  transform:translateY(-1px);
  border-color:rgba(255,43,72,.48);
  background:linear-gradient(135deg,rgba(255,43,72,.20),rgba(255,255,255,.06));
  box-shadow:0 14px 34px rgba(255,20,45,.16),0 12px 28px rgba(0,0,0,.34);
}
body.jk-v720 .jk-v720-home-filter-more{
  margin-left:auto;
  background:linear-gradient(135deg,#ff2c4e,#9e0019);
  border-color:rgba(255,255,255,.14);
  color:#fff;
  white-space:nowrap;
}
body.jk-v720 .jk-v720-home-filter-more i{font-size:.72rem;}

/* Keep the complete filter panel for /live/ and make it less empty, not giant. */
body.jk-v720.post-type-archive-webcam .jk-v718-filter-panel,
body.jk-v720.archive .jk-v718-filter-panel{
  margin-top:clamp(1.4rem,2vw,2.2rem)!important;
}
body.jk-v720 .jk-v718-filter-panel:not(.jk-v720-home-filters) .jk-v718-filter-group{
  min-height:auto!important;
}

@media(max-width:960px){
  body.jk-v720 .jk-v720-home-filters{
    grid-template-columns:1fr;
    padding:.84rem;
  }
  body.jk-v720 .jk-v720-home-filters-copy{
    min-width:0;
    padding-right:0;
    padding-bottom:.7rem;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  body.jk-v720 .jk-v720-home-filter-more{margin-left:0;}
}
@media(max-width:560px){
  body.jk-v720 .jk-v720-home-filters{
    width:min(100% - 10px,1460px);
    margin:1rem auto 1.25rem;
    border-radius:20px;
  }
  body.jk-v720 .jk-v720-home-filter-row{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:.25rem;
    scroll-snap-type:x proximity;
  }
  body.jk-v720 .jk-v720-home-filter-chip,
  body.jk-v720 .jk-v720-home-filter-more{
    flex:0 0 auto;
    scroll-snap-align:start;
    min-height:2.05rem;
    font-size:.76rem;
  }
}