/* [MODULE:PAGE-TRANSITION] @1.0.0
   Δ Minimalny overlay do fade-in / fade-out
   Rollback: usuń enqueue tego pliku
*/

:root{
  --mdp-fade-bg: #ffffff;
  --mdp-fade-in: 520ms;
  --mdp-fade-out: 420ms;
  --mdp-fade-ease-in: cubic-bezier(.22,.61,.36,1);
  --mdp-fade-ease-out: cubic-bezier(.4,0,.2,1);
}

#page-transition{
  position: fixed;
  inset: 0;
  background: var(--mdp-fade-bg);
  opacity: 0;
  pointer-events: none;
  z-index: 100000;
  transition: opacity var(--mdp-fade-in) var(--mdp-fade-ease-in);
}

html.mdp-preload #page-transition{
  opacity: 1;
}

body.mdp-leaving #page-transition{
  opacity: 1;
  transition: opacity var(--mdp-fade-out) var(--mdp-fade-ease-out);
}

@media (prefers-reduced-motion: reduce){
  #page-transition,
  body.mdp-leaving #page-transition{
    transition: none !important;
  }
}

/* admin bar zawsze nad veil */
.admin-bar #wpadminbar{ z-index: 2147483647 !important; position: fixed; }
.admin-bar #page-transition{ z-index: 2147483646 !important; }

/* Divi Visual Builder: wyłącz overlay */
.et-fb #page-transition{ display: none !important; }