/*
Theme Name: Nopow-Agency
Theme URI: https://nopow-agency.com/
Author: Nopow-Agency
Author URI: https://nopow-agency.com/
Description: Theme Wrodpress vierge destiné à créer un site de zéro via l'éditeur Gutenberg.
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nopow-agency
Tags: nopow-agency
*/

.na-slide-nav {
  /* distance du slide */
  position: sticky;
  top: 0;
  z-index: 9999;
}

@supports (animation-timeline: view()) {
  .na-slide-nav {
    --animationStartsAfter: 50vh;
    --animationDistance:500px;
    --slide-distance: 0px;

    /* Animation moderne si support */
    animation: stickyNav linear forwards;
    animation-timeline: view();
    animation-range-start: calc(100vh + var(--animationStartsAfter));
    animation-range-end: calc(100vh + var(--animationStartsAfter) + var(--animationDistance));    
  }
}


@keyframes stickyNav {
  0% {
    transform: translateY(-100%);

    position: fixed;
    width: 100%;
    z-index: 99999;
  }
  100% {
    top: 0;

    position: fixed;
    width: 100%;
    z-index: 99999;
  }
}

.wp-block-navigation__responsive-container.is-menu-open {
  height: 80vh;
}