/* KDW — reusable "Free movie" facade: custom cover + gold play + gold FULL MOVIE badge. See inc/free-facade.php.
   Standalone (does not need .kdw-vh). Same gold tokens / play button as the Official Videos hub. Inert without .kdw-free-facade in the page. */
.kdw-free-facade{--ff-gold-1:#f3d98a;--ff-gold-2:#c9a84c;--ff-gold-3:#a8832a;--ff-gold-fg:#1a1203;--ff-play:clamp(64px,13.5vw,156px);
  position:relative;display:block;width:100%;margin:12px 0;box-sizing:border-box}
.kdw-free-facade *,.kdw-free-facade *::before,.kdw-free-facade *::after{box-sizing:border-box}
.kdw-free-facade .kdw-ff-btn,.kdw-free-facade .kdw-ff-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:10px;overflow:hidden;background:#05070a;
  cursor:pointer;color:#fff!important;text-decoration:none!important}
.kdw-free-facade .kdw-ff-frame{cursor:auto}
.kdw-free-facade .kdw-ff-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kdw-free-facade .kdw-ff-thumb{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transition:transform .5s ease,filter .3s}
.kdw-free-facade .kdw-ff-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,10,.15) 35%,rgba(5,7,10,.7));pointer-events:none}
.kdw-free-facade .kdw-ff-btn:hover .kdw-ff-thumb{transform:scale(1.04);filter:brightness(1.08)}
.kdw-free-facade .kdw-ff-btn:focus-visible{outline:3px solid #eef2f5;outline-offset:3px}
/* Badge: same gold chip as the hub TRAILER tag, top-right. Pure CSS so it shows even before/without JS. Text via data-badge (default FULL MOVIE). */
.kdw-free-facade .kdw-ff-btn::before{content:attr(data-badge);position:absolute;right:10px;top:10px;z-index:4;padding:3px 9px;border-radius:5px;
  color:var(--ff-gold-fg);background:linear-gradient(135deg,var(--ff-gold-1),var(--ff-gold-2) 55%,var(--ff-gold-3));box-shadow:0 1px 3px rgba(0,0,0,.45);
  font:800 13px/1.3 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
/* Gold shimmer play button — identical to the hub's. */
.kdw-free-facade .kdw-ff-play{position:absolute;z-index:3;left:50%;top:50%;width:var(--ff-play);height:var(--ff-play);margin:calc(var(--ff-play) / -2) 0 0 calc(var(--ff-play) / -2);
  border-radius:50%;display:grid;place-items:center;transition:transform .25s ease;
  background:linear-gradient(110deg,rgba(168,131,42,.62) 0%,rgba(201,168,76,.62) 36%,rgba(255,240,184,.9) 50%,rgba(201,168,76,.62) 64%,rgba(168,131,42,.62) 100%) 100% 0/260% 100%;
  animation:kdwFfShimmer 3.4s linear infinite;border:2px solid rgba(240,215,138,.95);color:#fff;pointer-events:none}
.kdw-free-facade .kdw-ff-play svg{width:38%;height:38%;margin-left:6%;position:relative;z-index:2;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.kdw-free-facade .kdw-ff-btn:hover .kdw-ff-play,.kdw-free-facade .kdw-ff-btn:focus-visible .kdw-ff-play{transform:scale(1.1)}
.kdw-free-facade .kdw-ff-play::before,.kdw-free-facade .kdw-ff-play::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.kdw-free-facade .kdw-ff-play::before{inset:0;border:2px solid var(--ff-gold-1);animation:kdwFfRing 2.4s ease-out infinite}
.kdw-free-facade .kdw-ff-play::after{inset:calc(var(--ff-play) * -.15);background:radial-gradient(circle,rgba(232,201,111,.5),transparent 65%);opacity:.7;animation:kdwFfBreathe 2.8s ease-in-out infinite}
@keyframes kdwFfShimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@keyframes kdwFfRing{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@keyframes kdwFfBreathe{0%,100%{opacity:.45;transform:scale(.95)}50%{opacity:.9;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.kdw-free-facade .kdw-ff-play,.kdw-free-facade .kdw-ff-play::before,.kdw-free-facade .kdw-ff-play::after{animation:none!important}.kdw-free-facade .kdw-ff-thumb,.kdw-free-facade .kdw-ff-play{transition:none}}

/* Fallback card (embed blocked, e.g. age-restricted): same cover, dark overlay, gold button to YouTube. */
.kdw-free-facade .kdw-ff-fallback{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#05070a}
.kdw-free-facade .kdw-ff-fallback .kdw-ff-thumb{filter:brightness(.55)}
.kdw-free-facade .kdw-ff-fallback::after{content:"";position:absolute;inset:0;background:rgba(5,7,10,.55);pointer-events:none}
.kdw-free-facade .kdw-ff-fb-inner{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;text-align:center}
.kdw-free-facade .kdw-ff-fb-msg{margin:0;color:#eef2f5;font:600 clamp(14px,2.4vw,20px)/1.4 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.kdw-free-facade .kdw-ff-fb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:0 28px;border-radius:999px;color:var(--ff-gold-fg)!important;text-decoration:none!important;
  background:linear-gradient(135deg,var(--ff-gold-1),var(--ff-gold-2) 55%,var(--ff-gold-3));box-shadow:0 2px 8px rgba(0,0,0,.5);font:800 clamp(15px,2.2vw,18px)/1 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:transform .2s}
.kdw-free-facade .kdw-ff-fb-btn:hover,.kdw-free-facade .kdw-ff-fb-btn:focus-visible{transform:scale(1.05);outline:3px solid #eef2f5;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.kdw-free-facade .kdw-ff-fb-btn{transition:none}}