/* WBCM only: the ordinary footer layout is unchanged until activation. */
.church-site--wbcm [data-wbcm-facebook] { position: relative; }
.church-site--wbcm [data-wbcm-facebook].wbcm-facebook-active > img { opacity: 0; }
.wbcm-facebook-burst { position: fixed; z-index: 1000; pointer-events: none; width: var(--burst-size); height: var(--burst-size); transform: translate(-50%, -50%); isolation: isolate; }
.wbcm-facebook-burst canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.wbcm-facebook-burst__emblem { position: absolute; left: 50%; top: 50%; width: 41%; height: 41%; object-fit: contain; border-radius: 4%; opacity: 0; transform: translate(-50%, -50%) scale(.16); box-shadow: 0 0 12px #fff0a0, 0 0 32px #ffbb32bb, 0 0 60px #eaa51c66; animation: wbcm-emblem-burst 1.7s cubic-bezier(.16,.8,.23,1) both; will-change: transform, opacity; }
@keyframes wbcm-emblem-burst {
  0% { opacity: 0; transform: translate(calc(-50% + var(--origin-x)), calc(-50% + var(--origin-y))) scale(.16) rotate(-12deg); filter: brightness(2); }
  9% { opacity: 1; }
  24% { transform: translate(-50%, -50%) scale(1.13) rotate(2deg); filter: brightness(1.3); }
  42%, 99% { opacity: 1; transform: translate(-50%, -50%) scale(1) rotate(0); filter: brightness(1); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); filter: brightness(1); }
}
.wbcm-facebook-burst--reduced { width: 48px; height: 48px; }
.wbcm-facebook-burst--reduced .wbcm-facebook-burst__emblem { width: 100%; height: 100%; animation: none; opacity: 1; transform: translate(-50%, -50%); box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
 .wbcm-facebook-burst__emblem { animation: none; opacity: 1; transform: translate(-50%, -50%); box-shadow: none; }
 .wbcm-facebook-burst canvas { display: none; }
}

/* Only the Facebook transition continuation can receive pointer events. */
.wbcm-facebook-continue { position: fixed; z-index: 1001; display: flex; gap: .5rem; align-items: center; transform: translate(-50%,-50%); padding: .6rem; border-radius: .7rem; background: #fffdf1; box-shadow: 0 6px 25px #17375355; }
.wbcm-facebook-continue a { padding: .6rem .8rem; border-radius: .45rem; background: #1f769c; color: #fff; text-decoration: none; white-space: nowrap; }
.wbcm-facebook-continue button { border: 0; background: transparent; color: #183e3d; padding: .4rem; font-size: 1.3rem; cursor: pointer; }