/*
 * WPRaffle Motion layer (CSS)
 * Moved from Header Footer Code Manager into the child theme on 2026-11-04 (Web Ninja cleanup).
 * Enqueued in functions.php after the child stylesheet, same order as before.
 */
/* Layout fixes (always on) */
html,body{overflow-x:clip}
.entry-content p:empty{display:none}
.page .inside-article:has(.wpr-home,.wpr-feat,.wpr-price,.wpr-how,.wpr-fmt,.wpr-cw,.wpr-free,.wrh,.wpr-contact){padding-top:0;padding-bottom:0}
.page .site-main:has(.wpr-home,.wpr-feat,.wpr-price,.wpr-how,.wpr-fmt,.wpr-cw,.wpr-free,.wrh,.wpr-contact){margin-top:0;margin-bottom:0}
.hero-stats strong,.pcard .price,.price-card .price,.stat .n,.winner-ui td{font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:no-preference){

/* Scroll progress */
.wpr-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:99999;background:linear-gradient(90deg,#F2A93B,#ffc844 45%,#2F6FEB);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.admin-bar .wpr-progress{top:32px}
@media (max-width:782px){.admin-bar .wpr-progress{top:46px}}

/* Headings rise in word by word (one-shot, transform/opacity only) */
.wpr-js .wpr-words .w{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 55ms)}
.wpr-js .wpr-words.wpr-in .w{opacity:1;transform:none}

/* Scroll reveal */
.wpr-js .wpr-rv{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.wpr-js .wpr-rv.wpr-rv--right{transform:translateX(48px)}
.wpr-js .wpr-rv.wpr-rv--zoom{transform:scale(.94) translateY(20px)}
.wpr-js .wpr-rv.wpr-in{opacity:1;transform:none}

/* Hero entrance (CSS only, finishes visible even without JS) */
@keyframes wprUp{from{opacity:0;transform:translateY(26px)}}
@keyframes wprIn{from{opacity:0;transform:perspective(1200px) translateY(34px) rotateY(-10deg) scale(.95)}}
.wpr-js .wpr-home .hero-copy>*{animation:wprUp .9s cubic-bezier(.2,.7,.2,1) backwards}
.wpr-js .wpr-home .hero-copy>:nth-child(2){animation-delay:.1s}
.wpr-js .wpr-home .hero-copy>:nth-child(3){animation-delay:.2s}
.wpr-js .wpr-home .hero-copy>:nth-child(4){animation-delay:.3s}
.wpr-js .wpr-home .hero-copy>:nth-child(5){animation-delay:.4s}
.wpr-js .wpr-home .hero-copy>:nth-child(n+6){animation-delay:.5s}
.wpr-js .wpr-home .hero-visual{animation:wprIn 1.2s .3s cubic-bezier(.2,.7,.2,1) backwards}

/* Animated background: soft drifting light + floating tickets (transform/opacity only, GPU-light) */
.wpr-float-host{position:relative;isolation:isolate;overflow:hidden}
.wpr-float-host>*:not(.wpr-aurora):not(.wpr-floaters){position:relative;z-index:2}
.wpr-aurora{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.wpr-aurora i{position:absolute;width:42vmax;height:42vmax;border-radius:50%}
.wpr-aurora i:nth-child(1){top:-25%;left:-10%;background:radial-gradient(circle,rgba(47,111,235,.45),transparent 65%);animation:wprBlobA 24s ease-in-out infinite alternate}
.wpr-aurora i:nth-child(2){bottom:-30%;right:-8%;background:radial-gradient(circle,rgba(242,169,59,.22),transparent 65%);animation:wprBlobB 30s ease-in-out infinite alternate}
.wpr-aurora i:nth-child(3){display:none}
.wpr-aurora::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:26px 26px}
@keyframes wprBlobA{to{transform:translate(14%,16%)}}
@keyframes wprBlobB{to{transform:translate(-16%,-12%)}}
.wpr-floaters{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:strict}
.wpr-tk{position:absolute;display:flex;align-items:center;width:96px;height:46px;margin:-23px 0 0 -48px;border-radius:8px;background:#F2A93B;color:#13213a;font:700 15px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.06em;opacity:.38;animation:wprFloat var(--du,10s) ease-in-out var(--dl,0s) infinite}
.wpr-tk:nth-child(3n+2){background:#e9f0fd}
.wpr-tk:nth-child(3n){background:#3d7cf0;color:#fff}
.wpr-tk:nth-child(n+5){display:none}
.wpr-tk::before{content:"";position:absolute;left:26%;top:7px;bottom:7px;border-left:2px dashed currentColor;opacity:.35}
.wpr-tk b{display:block;margin-left:34%;font-weight:700}
.wpr-tk.flip b{animation:wprFlip .6s ease}
@keyframes wprFloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-16px) rotate(var(--r,0deg))}}
@keyframes wprFlip{50%{transform:rotateX(90deg)}}
.wpr-paused .wpr-aurora i,.wpr-paused .wpr-tk{animation-play-state:paused}
@media (max-width:767px){.wpr-floaters{display:none}.wpr-aurora i{animation:none}}

/* Hero laptop: float + mouse tilt */
.wpr-tilt{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.wpr-home .hero-visual img{animation:wprBob 8s ease-in-out infinite}
@keyframes wprBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* Feature ticker */
.wpr-marquee{background:#071f43;padding:16px 0;border-block:1px solid rgba(255,255,255,.08);overflow:hidden}
.wpr-marquee__mask{position:relative}
.wpr-marquee__mask::before,.wpr-marquee__mask::after{content:"";position:absolute;top:0;bottom:0;width:7%;z-index:1;pointer-events:none}
.wpr-marquee__mask::before{left:0;background:linear-gradient(90deg,#071f43,transparent)}
.wpr-marquee__mask::after{right:0;background:linear-gradient(270deg,#071f43,transparent)}
.wpr-marquee__track{display:flex;gap:14px;width:max-content;animation:wprMarq 24s linear infinite;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)}
.wpr-marquee:hover .wpr-marquee__track{animation-play-state:paused}
.wpr-marquee__track.js-run{animation:none}
.wpr-chip{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);color:#fff;font:600 14px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap}
.wpr-chip i{width:8px;height:8px;border-radius:2px;background:#F2A93B;transform:rotate(45deg)}
@keyframes wprMarq{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 7px),0,0)}}

/* Numbering cards: live mini demos on the photo */
.wpr-ncard-media{position:relative;overflow:hidden}
.wpr-ncard-media img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.ncard:hover .wpr-ncard-media img{transform:scale(1.06)}
.wpr-demo{position:absolute;left:10px;right:10px;bottom:10px;padding:8px;border-radius:10px;background:rgba(7,31,67,.9);box-shadow:0 10px 22px rgba(0,0,0,.28);overflow:hidden}
.wpr-strip{display:flex;gap:6px}
.wpr-strip.go{transition:transform .55s cubic-bezier(.4,0,.2,1);transform:translateX(calc(-1 * var(--step,64px)))}
.wpr-t{flex:0 0 auto;min-width:58px;padding:7px 6px;border-radius:5px;text-align:center;background:#fff;color:#172B4D;font:700 13px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace}
.wpr-demo--succ .wpr-t{background:#FDEFD6}
.wpr-row{display:flex;gap:6px}
.wpr-row .wpr-t{flex:1;min-width:0}
.wpr-t.spin{color:#2F6FEB}
.wpr-t.hit{animation:wprHit .5s ease}
@keyframes wprHit{40%{transform:scale(1.12);background:#ffc844}}
.wpr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.wpr-c{padding:6px 0;border-radius:4px;text-align:center;background:#fff;color:#172B4D;font:700 12px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.wpr-c.taken{background:rgba(255,255,255,.16);color:rgba(255,255,255,.45);text-decoration:line-through}
.wpr-c.sel{background:#2F6FEB;color:#fff;transform:scale(1.14);box-shadow:0 0 0 2px #fff}

/* Winner draw */
.winner-ui.wpr-draw-ready .success{opacity:0;transform:translateY(-8px);transition:opacity .5s,transform .5s}
.winner-ui.wpr-drawn .success{opacity:1;transform:none}
.winner-ui td.wpr-rolling{color:#2F6FEB;font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace}
.winner-ui td.wpr-land{animation:wprHit .5s ease}
.winner-ui tr.wpr-won td{animation:wprRow 1.2s ease}
@keyframes wprRow{from{background:rgba(242,169,59,.30)}}
.wpr-replay{margin-left:auto;padding:7px 12px;border-radius:7px;border:1px solid #D9E3F3;background:#fff;color:#172B4D;font:600 13px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:border-color .2s,color .2s}
.wpr-replay:hover,.wpr-replay:focus-visible{border-color:#2F6FEB;color:#2F6FEB}
.wpr-replay[disabled]{opacity:.5;cursor:default}
.wpr-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:99998}

/* Cards and buttons */
.entry-content :is(.pcard,.price-card,.wpr-format-card,.wpr-turnkey-card,.fcard,.tcard,.cw-card,.dcard){transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.entry-content :is(.pcard,.price-card,.wpr-format-card,.wpr-turnkey-card,.fcard,.tcard,.cw-card,.dcard):hover{transform:translateY(-6px)}
.entry-content :is(.pcard.feat,.price-card:has(.popular),.price-card.feat){box-shadow:0 22px 55px rgba(242,169,59,.28)}
@keyframes wprGlow{0%,100%{box-shadow:0 18px 45px rgba(242,169,59,.16)}50%{box-shadow:0 22px 60px rgba(242,169,59,.42)}}
.entry-content :is(.btn-gold,.wpr-gold){position:relative;overflow:hidden;isolation:isolate}
.entry-content :is(.btn-gold,.wpr-gold)::after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-160%) skewX(-18deg);pointer-events:none}
.entry-content :is(.btn-gold,.wpr-gold):hover::after{animation:wprShineH .9s ease-out}
@keyframes wprShineH{from{transform:translateX(-160%) skewX(-18deg)}to{transform:translateX(380%) skewX(-18deg)}}
@keyframes wprShine{0%,62%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(380%) skewX(-18deg)}}
}