/* Jerkiss V7.12 - load more spacing + fuller premium cards */

/* Stop old negative pagination margins from pulling the button into the SEO block. */
body.jk-v6 .pagination-custom,
body.jk-v6 .mx-auto .pagination-custom,
body.jk-v6 main .pagination-custom{
  display:block!important;
  clear:both!important;
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  max-width:1520px!important;
  margin:clamp(2.6rem,4vw,4.4rem) auto clamp(4rem,5vw,6rem)!important;
  padding:0!important;
  text-align:center!important;
}
body.jk-v6 .pagination-custom .pagination-loadmore,
body.jk-v6 .pagination-loadmore{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
body.jk-v6 .pagination-custom .pagination-loadmore .js-webcams-loadmore,
body.jk-v6 .mx-auto .pagination-loadmore .js-webcams-loadmore,
body.jk-v6 .pagination-loadmore .js-webcams-loadmore{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:3.15rem!important;
  padding:.92rem 1.45rem!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:
    radial-gradient(circle at 30% 0,rgba(255,255,255,.2),transparent 30%),
    linear-gradient(135deg,#ff304d 0%,#e50924 48%,#8b0011 100%)!important;
  color:#fff!important;
  font-size:.94rem!important;
  font-weight:1000!important;
  letter-spacing:-.02em!important;
  line-height:1!important;
  box-shadow:0 18px 46px rgba(229,9,36,.34),inset 0 1px 0 rgba(255,255,255,.22)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.24)!important;
  transform:none!important;
}
body.jk-v6 .pagination-loadmore .js-webcams-loadmore:before{
  content:"";position:absolute;inset:-2px auto -2px -36%;width:30%;z-index:-1;
  transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transition:left .45s ease;
}
body.jk-v6 .pagination-loadmore .js-webcams-loadmore:hover:before{left:110%}
body.jk-v6 .pagination-loadmore .js-webcams-loadmore:hover{
  filter:brightness(1.08)!important;
  box-shadow:0 24px 62px rgba(229,9,36,.48),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
body.jk-v6 #webcams-grid + .pagination-custom + .jk-v67-copy-wide,
body.jk-v6 #webcams-grid + .pagination-custom + .jk-v7-copy-wide,
body.jk-v6 #webcams-grid + .pagination-custom + section{
  margin-top:0!important;
}

/* Remove old arrow circle completely. */
body.jk-v6 .jk-premium-open{display:none!important}

/* Fuller, cleaner cam cards. */
body.jk-v6.home #webcams-grid,
body.jk-v6.blog #webcams-grid,
body.jk-v6.archive #webcams-grid,
body.jk-v6.search #webcams-grid,
body.jk-v6 .jk-home-grid{
  gap:clamp(1.35rem,1.6vw,2rem)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-card,
body.jk-v6 .jk-home-grid .jk-premium-cam-card,
body.jk-v6 #related-webcams-grid .jk-premium-cam-card{
  border-radius:32px!important;
  background:
    radial-gradient(circle at 12% 0,rgba(255,255,255,.08),transparent 28%),
    radial-gradient(circle at 88% 8%,rgba(255,45,70,.18),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.062),rgba(8,8,10,.98) 47%,rgba(31,3,9,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 26px 84px rgba(0,0,0,.56), inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-card:hover,
body.jk-v6 .jk-home-grid .jk-premium-cam-card:hover,
body.jk-v6 #related-webcams-grid .jk-premium-cam-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(255,55,80,.62)!important;
  box-shadow:0 34px 105px rgba(0,0,0,.68),0 0 0 1px rgba(255,55,80,.18) inset!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-media,
body.jk-v6 .jk-home-grid .jk-premium-cam-media,
body.jk-v6 #related-webcams-grid .t-thumb-wrap{
  aspect-ratio:16/11.4!important;
  margin:.62rem .62rem 0!important;
  border-radius:26px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 16px 44px rgba(0,0,0,.42)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-body,
body.jk-v6 .jk-home-grid .jk-premium-cam-body{
  display:grid!important;
  grid-template-columns:3.15rem minmax(0,1fr)!important;
  align-items:start!important;
  gap:.78rem!important;
  min-height:128px!important;
  padding:.95rem 1rem 1.05rem!important;
  background:
    linear-gradient(180deg,rgba(9,9,12,.97),rgba(25,4,9,.99))!important;
}
body.jk-v6 #webcams-grid .jk-premium-avatar,
body.jk-v6 .jk-home-grid .jk-premium-avatar{
  width:3.15rem!important;
  height:3.15rem!important;
  flex:0 0 3.15rem!important;
  border-radius:1.05rem!important;
  box-shadow:0 0 0 2px rgba(255,45,70,.52),0 12px 28px rgba(0,0,0,.42)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-main,
body.jk-v6 .jk-home-grid .jk-premium-cam-main{min-width:0!important;width:100%!important}
body.jk-v6 #webcams-grid .jk-premium-name,
body.jk-v6 .jk-home-grid .jk-premium-name{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:1.08rem!important;
  line-height:1.08!important;
  font-weight:1000!important;
  color:#fff!important;
}
body.jk-v6 #webcams-grid .jk-premium-meta,
body.jk-v6 .jk-home-grid .jk-premium-meta{
  margin-top:.2rem!important;
  color:#cfd0d8!important;
  font-size:.8rem!important;
  line-height:1.25!important;
}
body.jk-v6 #webcams-grid .jk-premium-tags,
body.jk-v6 .jk-home-grid .jk-premium-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.32rem!important;
  margin-top:.46rem!important;
  max-height:2.8rem!important;
  overflow:hidden!important;
}
body.jk-v6 #webcams-grid .jk-premium-tags span,
body.jk-v6 .jk-home-grid .jk-premium-tags span{
  max-width:7.6rem!important;
  padding:.29rem .52rem!important;
  border-radius:999px!important;
  border:1px solid rgba(255,79,96,.3)!important;
  background:rgba(229,9,36,.18)!important;
  color:#fff!important;
  font-size:.6rem!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.jk-v6 .jk-premium-card-footline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.55rem!important;
  margin-top:.58rem!important;
  padding-top:.58rem!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
body.jk-v6 .jk-premium-room-pill,
body.jk-v6 .jk-premium-mini-viewers{
  display:inline-flex!important;
  align-items:center!important;
  gap:.38rem!important;
  min-width:0!important;
  border-radius:999px!important;
  font-size:.7rem!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
body.jk-v6 .jk-premium-room-pill{
  padding:.5rem .62rem!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(255,45,70,.95),rgba(127,0,16,.82))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 24px rgba(229,9,36,.24)!important;
}
body.jk-v6 .jk-premium-mini-viewers{
  padding:.48rem .58rem!important;
  color:#e8e8ee!important;
  background:rgba(0,0,0,.38)!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
body.jk-v6 .jk-premium-room-pill i,
body.jk-v6 .jk-premium-mini-viewers i{font-size:.72rem!important;color:#fff!important}
body.jk-v6.home .jk-premium-card-link:after,
body.jk-v6.blog .jk-premium-card-link:after,
body.jk-v6.archive .jk-premium-card-link:after,
body.jk-v6.search .jk-premium-card-link:after{display:none!important;content:none!important}

@media(max-width:860px){
  body.jk-v6 .pagination-custom,
  body.jk-v6 .mx-auto .pagination-custom,
  body.jk-v6 main .pagination-custom{margin:2.1rem auto 4.4rem!important}
  body.jk-v6 #webcams-grid .jk-premium-cam-body,
  body.jk-v6 .jk-home-grid .jk-premium-cam-body{min-height:118px!important;padding:.82rem .86rem .94rem!important;grid-template-columns:3rem minmax(0,1fr)!important}
  body.jk-v6 #webcams-grid .jk-premium-avatar,
  body.jk-v6 .jk-home-grid .jk-premium-avatar{width:3rem!important;height:3rem!important;flex-basis:3rem!important}
}
@media(max-width:560px){
  body.jk-v6 .pagination-custom .pagination-loadmore .js-webcams-loadmore{width:min(100%,210px)!important}
  body.jk-v6 #webcams-grid .jk-premium-card-footline,
  body.jk-v6 .jk-home-grid .jk-premium-card-footline{margin-top:.5rem!important;padding-top:.5rem!important}
}