/* ===========================
   PageFade Transition Overlay
   =========================== */
   
/* Normal page background = your theme */
body {
  transition: background-color 0.3s ease;
  overflow: hidden;
}

/* When the overlay is gone, restore scroll */
body.pagefade-overlay-hidden {
  overflow: auto;
}

/* Optional background lock */
body.pagefade-transition-active {
  background: #ffffff !important;
}

#pagefade-overlay {
  position: fixed;
  inset: 0; /* full viewport */
  background: #ffffff;
  z-index: 2147483647; /* max priority */
  display: flex;
  justify-content: center;
  align-items: center;

  opacity: 1; /* start fully visible (page covered) */
  pointer-events: all;
  transition: opacity 0.5s ease;
}

/* hidden state (page revealed) */
#pagefade-overlay.pagefade-hidden {
  opacity: 0;
  pointer-events: none;
}

/* loader logo in center */
#pagefade-overlay .pagefade-loader-logo img {
  width: 80px;
  height: auto;
  animation: pagefade-pulse 1.5s infinite ease-in-out;
}

@keyframes pagefade-pulse {
  0%, 100% { opacity: 0.3; transform: scale(0.95); }
  50% { opacity: 1; transform: scale(1.05); }
}