/* wa-lint: skip */
/* Page transition overlay — vokser fra cursor-pos til fuld skærm ved klik på
   internt link, og krymper ned til samme focal point på næste side.
   Outgoing: 500 ms expand. Incoming: 600 ms collapse efter sideskifte.
   Respekterer prefers-reduced-motion. */
.page-transition-overlay {
  position: fixed;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--brand-primary, rgb(49, 79, 89));
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%, -50%) scale(0);
  will-change: transform;
}

.page-transition-overlay--out {
  transform: translate(-50%, -50%) scale(0.6);
  transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.page-transition-overlay--out.is-expanded {
  transform: translate(-50%, -50%) scale(200);
}

.page-transition-overlay--in {
  transform: translate(-50%, -50%) scale(200);
  transition: transform 0.6s cubic-bezier(0.32, 0, 0.67, 0);
}
.page-transition-overlay--in.is-collapsed {
  transform: translate(-50%, -50%) scale(0);
}

@media (prefers-reduced-motion: reduce) {
  .page-transition-overlay { display: none !important; }
}