/* Cross-document View Transitions (instant-navigation.php).
   Both pages must opt in; browsers without support load pages normally. */
@view-transition {
  navigation: auto;
}

@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
}

/* The Theme Builder header and footer are their own layers, so they hold
   still while the content crossfades. Named only during the transition: a
   view-transition-name makes its element a stacking context, which would put
   the header's dropdowns (mega menu) under the page content the rest of the
   time. (A name used twice on one page cancels the transition, never the
   navigation.) */
:root:active-view-transition header[data-elementor-type="header"] {
  view-transition-name: ee-header;
}

:root:active-view-transition footer[data-elementor-type="footer"] {
  view-transition-name: ee-footer;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.15s;
}