/* Jerkiss V7.13 - cleaner premium CTA + fuller luxury cam cards */

/* Single webcam CTA: less bulky, more luxury, more click. */
body.jk-v6.single-webcam .jk-single-watch-top,
body.jk-v6.single .jk-single-watch-top,
body.jk-v6 .jk-single-main-cta{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:3.35rem!important;
  padding:.72rem 1.05rem .72rem .82rem!important;
  gap:.72rem!important;
  border-radius:999px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 27%,rgba(229,9,36,.18) 60%,rgba(118,0,14,.74)),
    #111114!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.46),
    0 0 0 1px rgba(229,9,36,.16),
    inset 0 1px 0 rgba(255,255,255,.2)!important;
  color:#fff!important;
  font-size:.96rem!important;
  font-weight:1000!important;
  letter-spacing:-.025em!important;
  text-decoration:none!important;
  text-shadow:0 1px 0 rgba(0,0,0,.35)!important;
}
body.jk-v6.single-webcam .jk-single-watch-top:after,
body.jk-v6.single .jk-single-watch-top:after,
body.jk-v6 .jk-single-main-cta:after{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.28),transparent 22%),linear-gradient(90deg,transparent,rgba(255,45,70,.22),transparent)!important;
  opacity:.72!important;
  pointer-events:none!important;
  z-index:-1!important;
}
body.jk-v6.single-webcam .jk-single-watch-top:before,
body.jk-v6.single .jk-single-watch-top:before,
body.jk-v6 .jk-single-main-cta:before{
  content:""!important;
  position:absolute!important;
  left:-46%!important;
  top:-2px!important;
  bottom:-2px!important;
  width:34%!important;
  transform:skewX(-18deg)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent)!important;
  transition:left .55s ease!important;
  pointer-events:none!important;
  z-index:0!important;
}
body.jk-v6.single-webcam .jk-single-watch-top:hover:before,
body.jk-v6.single .jk-single-watch-top:hover:before,
body.jk-v6 .jk-single-main-cta:hover:before{left:116%!important;translate:0!important}
body.jk-v6.single-webcam .jk-single-watch-top:hover,
body.jk-v6.single .jk-single-watch-top:hover,
body.jk-v6 .jk-single-main-cta:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,68,92,.52)!important;
  box-shadow:
    0 26px 68px rgba(0,0,0,.55),
    0 20px 54px rgba(229,9,36,.34),
    inset 0 1px 0 rgba(255,255,255,.25)!important;
  filter:none!important;
}
body.jk-v6.single-webcam .jk-single-watch-top i,
body.jk-v6.single .jk-single-watch-top i,
body.jk-v6 .jk-single-main-cta i{
  position:relative!important;
  z-index:1!important;
  width:2rem!important;
  height:2rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 2rem!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 30% 25%,rgba(255,255,255,.34),transparent 34%),
    linear-gradient(135deg,#ff3856,#b50018)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:0 12px 26px rgba(229,9,36,.32),inset 0 1px 0 rgba(255,255,255,.2)!important;
  font-size:.78rem!important;
  color:#fff!important;
}
body.jk-v6.single-webcam .jk-single-watch-top span,
body.jk-v6.single .jk-single-watch-top span,
body.jk-v6 .jk-single-main-cta span{position:relative!important;z-index:1!important}
body.jk-v6 .jk-single-player-overlay:after{content:"Open live chat"!important}

/* Cards: remove cheap pill look, use compact premium info + full glass CTA. */
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:30px!important;
  background:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.085),transparent 28%),
    radial-gradient(circle at 96% 7%,rgba(255,42,70,.22),transparent 38%),
    linear-gradient(180deg,rgba(22,22,26,.98),rgba(9,9,11,.99) 46%,rgba(30,3,9,.99))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 24px 78px rgba(0,0,0,.58), 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(-5px)!important;
  border-color:rgba(255,61,86,.66)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.72),0 0 0 1px rgba(255,61,86,.2) 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 .jk-premium-cam-media,
body.jk-v6 #related-webcams-grid .t-thumb-wrap{
  aspect-ratio:16/11.2!important;
  margin:.58rem .58rem 0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,45,70,.16),transparent 32%),
    linear-gradient(180deg,#09090b,#1c0308)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-media:after,
body.jk-v6 .jk-home-grid .jk-premium-cam-media:after,
body.jk-v6 #related-webcams-grid .jk-premium-cam-media:after,
body.jk-v6 #related-webcams-grid .t-thumb-wrap:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 45%,rgba(0,0,0,.42))!important;
  z-index:1!important;
}
body.jk-v6 #webcams-grid .jk-premium-status,
body.jk-v6 .jk-home-grid .jk-premium-status,
body.jk-v6 #related-webcams-grid .jk-premium-status{
  z-index:3!important;
  left:1rem!important;
  top:1rem!important;
  padding:.58rem .82rem!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff304d,#c8001b)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 14px 34px rgba(229,9,36,.36)!important;
}
body.jk-v6 #webcams-grid .jk-premium-service-badge,
body.jk-v6 .jk-home-grid .jk-premium-service-badge,
body.jk-v6 #related-webcams-grid .jk-premium-service-badge{
  z-index:3!important;
  left:1rem!important;
  bottom:1rem!important;
  padding:.48rem .72rem!important;
  border-radius:999px!important;
  background:rgba(5,5,7,.76)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 10px 25px rgba(0,0,0,.32)!important;
}
body.jk-v6 #webcams-grid .jk-premium-viewers,
body.jk-v6 .jk-home-grid .jk-premium-viewers,
body.jk-v6 #related-webcams-grid .jk-premium-viewers{
  z-index:3!important;
  right:1rem!important;
  top:1rem!important;
  background:rgba(0,0,0,.68)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:blur(10px)!important;
}
body.jk-v6 #webcams-grid .jk-premium-cam-body,
body.jk-v6 .jk-home-grid .jk-premium-cam-body,
body.jk-v6 #related-webcams-grid .jk-premium-cam-body{
  grid-template-columns:3.25rem minmax(0,1fr)!important;
  min-height:142px!important;
  padding:1rem 1.05rem 1.05rem!important;
  gap:.85rem!important;
  background:linear-gradient(180deg,rgba(7,7,9,.98),rgba(22,3,8,.99))!important;
}
body.jk-v6 #webcams-grid .jk-premium-avatar,
body.jk-v6 .jk-home-grid .jk-premium-avatar,
body.jk-v6 #related-webcams-grid .jk-premium-avatar{
  width:3.25rem!important;
  height:3.25rem!important;
  flex:0 0 3.25rem!important;
  border-radius:1.05rem!important;
  box-shadow:0 0 0 2px rgba(255,52,78,.55),0 16px 34px rgba(0,0,0,.5)!important;
}
body.jk-v6 .jk-premium-room-line{
  display:block!important;
  margin:.24rem 0 0!important;
  color:#9697a1!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.jk-v6 #webcams-grid .jk-premium-tags,
body.jk-v6 .jk-home-grid .jk-premium-tags,
body.jk-v6 #related-webcams-grid .jk-premium-tags{
  margin-top:.52rem!important;
  gap:.34rem!important;
  max-height:1.72rem!important;
}
body.jk-v6 #webcams-grid .jk-premium-tags span,
body.jk-v6 .jk-home-grid .jk-premium-tags span,
body.jk-v6 #related-webcams-grid .jk-premium-tags span{
  padding:.32rem .56rem!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,63,88,.34)!important;
  color:#f6f6f8!important;
  font-size:.61rem!important;
  letter-spacing:-.01em!important;
}
body.jk-v6 .jk-premium-card-footline{
  margin-top:.7rem!important;
  padding-top:.7rem!important;
  border-top:1px solid rgba(255,255,255,.085)!important;
  display:block!important;
}
body.jk-v6 .jk-premium-room-pill{
  display:flex!important;
  width:100%!important;
  justify-content:center!important;
  min-height:2.25rem!important;
  padding:.68rem .72rem!important;
  border-radius:999px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
    rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,74,98,.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:.74rem!important;
  font-weight:1000!important;
  letter-spacing:-.015em!important;
}
body.jk-v6 .jk-premium-cam-card:hover .jk-premium-room-pill{
  background:linear-gradient(135deg,#ff304d,#b50018)!important;
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:0 12px 30px rgba(229,9,36,.3),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.jk-v6 .jk-premium-mini-viewers{display:none!important}

@media(max-width:860px){
  body.jk-v6.single-webcam .jk-single-watch-top,
  body.jk-v6.single .jk-single-watch-top,
  body.jk-v6 .jk-single-main-cta{
    width:100%!important;
    justify-content:center!important;
    min-height:3.15rem!important;
    padding:.72rem 1rem!important;
  }
  body.jk-v6 #webcams-grid .jk-premium-cam-body,
  body.jk-v6 .jk-home-grid .jk-premium-cam-body,
  body.jk-v6 #related-webcams-grid .jk-premium-cam-body{
    min-height:132px!important;
    padding:.92rem .92rem 1rem!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,
  body.jk-v6 #related-webcams-grid .jk-premium-avatar{width:3rem!important;height:3rem!important;flex-basis:3rem!important}
}