/* ATOM NEW BD - Watch Now button + popup player */
/* the button row (shared with Watch Trailer) */
.atom-tp-wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}
body button.atom-wn-btn{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex!important;align-items:center;justify-content:center;gap:12px;
  padding:8px 30px 8px 9px!important;min-height:54px;border:0!important;border-radius:999px!important;
  background:linear-gradient(135deg,#ff2d55 0%,#ff5a2a 55%,#ff9a00 100%)!important;color:#fff!important;
  font:800 17px/1.1 "Roboto",system-ui,sans-serif!important;letter-spacing:.3px;text-transform:none;text-shadow:0 1px 2px rgba(0,0,0,.25);
  box-shadow:0 10px 26px rgba(255,70,50,.45),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -3px 0 rgba(0,0,0,.14);
  cursor:pointer;animation:atomWnGlow 2.8s ease-in-out infinite;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;-webkit-tap-highlight-color:transparent
}
/* moving light streak */
body button.atom-wn-btn:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-70%;width:45%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-22deg);animation:atomWnShine 3.8s ease-in-out infinite}
body button.atom-wn-btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(255,70,50,.6),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.14);filter:brightness(1.07)}
body button.atom-wn-btn:active{transform:translateY(0) scale(.97)}
body button.atom-wn-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* white play disc with a pulsing ring */
body button.atom-wn-btn .atom-wn-ico{position:relative;flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#fff;color:#ff2d55!important;box-shadow:0 3px 10px rgba(0,0,0,.28);transition:transform .2s ease}
body button.atom-wn-btn .atom-wn-ico:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:atomWnRing 2s ease-out infinite}
body button.atom-wn-btn .atom-wn-ico svg{display:block;margin-left:2px}
body button.atom-wn-btn:hover .atom-wn-ico{transform:scale(1.1)}
body button.atom-wn-btn .atom-wn-txt{color:#fff!important;font:inherit!important}
@keyframes atomWnShine{0%,55%{left:-70%}100%{left:140%}}
@keyframes atomWnRing{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%,100%{box-shadow:0 0 0 12px rgba(255,255,255,0)}}
@keyframes atomWnGlow{0%,100%{box-shadow:0 10px 26px rgba(255,70,50,.42),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -3px 0 rgba(0,0,0,.14)}50%{box-shadow:0 12px 34px rgba(255,100,40,.66),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -3px 0 rgba(0,0,0,.14)}}

/* Watch Now row above the "How to Download Movie" block */
.atom-wn-wrap.atom-wn-above-dl{margin:26px auto 0;clear:both}
.atom-wn-wrap.atom-wn-above-dl + .atom-auto-block{margin-top:14px!important}

/* popup */
.atom-wn-modal[hidden]{display:none!important}
.atom-wn-modal{
  position:fixed;inset:0;z-index:2147483001;display:flex;align-items:center;justify-content:center;
  padding:16px;box-sizing:border-box;background:radial-gradient(80% 50% at 50% 100%,rgba(255,70,50,.18),transparent 70%),rgba(6,4,10,.86);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease
}
.atom-wn-modal.is-open{opacity:1}
.atom-wn-card{
  position:relative;width:100%;max-width:900px;max-height:100%;overflow:hidden;box-sizing:border-box;
  background:radial-gradient(120% 55% at 0 0,rgba(255,45,85,.20),transparent 60%),radial-gradient(100% 55% at 100% 0,rgba(255,154,0,.15),transparent 55%),linear-gradient(180deg,#241d29 0,#100e13 100%);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:22px;
  box-shadow:0 30px 90px rgba(0,0,0,.75),0 0 60px rgba(255,70,50,.14),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(18px) scale(.96);transition:transform .28s cubic-bezier(.2,.9,.3,1.1)
}
.atom-wn-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#ff2d55,#ff6a00,#ffb300,#ff6a00,#ff2d55);background-size:200% 100%;animation:atomWnBar 5s linear infinite}
@keyframes atomWnBar{to{background-position:-200% 0}}
.atom-wn-modal.is-open .atom-wn-card{transform:none}
.atom-wn-grab{display:none;justify-content:center;padding:10px 0 2px;touch-action:none}
.atom-wn-grab span{width:42px;height:5px;border-radius:5px;background:rgba(255,255,255,.28)}
.atom-wn-head{display:flex;align-items:center;gap:14px;padding:18px 18px 14px}
.atom-wn-badge{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;
  position:relative;background:linear-gradient(135deg,#ff2d55,#ff7a00);box-shadow:0 6px 18px rgba(255,70,60,.5),inset 0 1px 0 rgba(255,255,255,.4)}
.atom-wn-badge:after{content:"";position:absolute;inset:-4px;border-radius:15px;border:1.5px solid rgba(255,106,0,.55);animation:atomWnBadge 2.4s ease-out infinite}
@keyframes atomWnBadge{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.22);opacity:0}}
.atom-wn-titles{flex:1 1 auto;min-width:0}
.atom-wn-title{margin:0!important;padding:0!important;color:#fff!important;font:700 clamp(16px,4.6vw,20px)/1.2 "Roboto",system-ui,sans-serif!important;letter-spacing:.2px}
.atom-wn-sub{margin:4px 0 0!important;padding:0!important;color:#ffb98a!important;font-weight:500!important;font-size:clamp(12px,3.5vw,14px)!important;line-height:1.3!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atom-wn-sub:empty{display:none}
body button.atom-wn-close{
  flex:0 0 auto;width:40px;height:40px;padding:0!important;display:flex!important;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff!important;
  box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background .15s ease
}
body button.atom-wn-close:hover{background:linear-gradient(135deg,#ff2d55,#ff6a00)!important;border-color:transparent!important;transform:rotate(90deg);box-shadow:0 6px 16px rgba(255,70,50,.5)}
body button.atom-wn-close:active{transform:scale(.92)}
body button.atom-wn-close:focus-visible{outline:3px solid #ff6a00;outline-offset:2px}
.atom-wn-video{padding:2px 16px 16px}
.atom-wn-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.6),0 0 34px rgba(255,90,40,.2)}
.atom-wn-video-frame:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:2px;pointer-events:none;
  background:linear-gradient(135deg,#ff2d55,#ff6a00 50%,#ffb300);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude}
/* the theme has ".single-post iframe{height:auto!important}" on mobile: override it for the popup */
html body .atom-wn-video-frame iframe{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;display:block!important}
.atom-wn-loading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:radial-gradient(circle at 50% 40%,#2a2230,#000 75%);color:#cfc9d2;font:500 13px/1 "Roboto",system-ui,sans-serif;pointer-events:none;transition:opacity .3s ease}
.atom-wn-loading.is-done{opacity:0}
.atom-wn-loading i{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:#ff6a00;border-right-color:#ff2d55;box-shadow:0 0 22px rgba(255,90,40,.35);animation:atomWnSpin .8s linear infinite}
@keyframes atomWnSpin{to{transform:rotate(360deg)}}
.atom-wn-hint{display:none;margin:0 14px 14px!important;padding:10px 14px!important;text-align:center;color:#c9c3cc!important;font-size:12.5px!important;line-height:1.5!important;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px}
html.atom-wn-lock,html.atom-wn-lock body{overflow:hidden!important}

/* phone: bottom sheet */
@media (max-width:600px){
  body button.atom-wn-btn,body button.atom-tp-btn{width:100%;max-width:340px}
  .atom-wn-modal{align-items:flex-end;padding:0}
  .atom-wn-card{max-width:none;max-height:100%;border-radius:26px 26px 0 0;border-width:1px 0 0;
    padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%);transition:transform .34s cubic-bezier(.22,.9,.3,1)}
  .atom-wn-card:before{border-radius:26px 26px 0 0}
  .atom-wn-grab{display:flex}
  .atom-wn-head{padding:6px 14px 10px;touch-action:none}
  .atom-wn-badge{width:36px;height:36px;border-radius:11px}
  .atom-wn-video{padding:2px 12px 12px}
  .atom-wn-video-frame{border-radius:14px}
  .atom-wn-hint{display:block}
}
/* phone turned sideways: give the movie all the height */
@media (max-height:520px) and (orientation:landscape){
  .atom-wn-modal{align-items:center;padding:0}
  .atom-wn-card{max-width:none;height:100%;border-radius:0;border:0;padding-bottom:0;transform:none;display:flex;flex-direction:column;
    padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  .atom-wn-card:before,.atom-wn-grab,.atom-wn-hint{display:none}
  .atom-wn-head{padding:6px 12px}
  .atom-wn-badge,.atom-wn-close{width:32px;height:32px}
  .atom-wn-video{flex:1 1 auto;min-height:0;padding:0 12px 8px;display:flex;align-items:center;justify-content:center}
  .atom-wn-video-frame{width:auto;height:100%;max-width:100%;max-height:100%;margin:0 auto}
}
@media (prefers-reduced-motion:reduce){.atom-wn-modal,.atom-wn-card,body button.atom-wn-btn,.atom-wn-loading{transition:none!important}.atom-wn-loading i{animation-duration:2s}
  body button.atom-wn-btn,body button.atom-wn-btn:before,body button.atom-wn-btn .atom-wn-ico:after,.atom-wn-badge:after,.atom-wn-card:before{animation:none!important}}