@charset "UTF-8";
.wp-block-navigation.is-style-header-nav {
  position: relative;
}
.wp-block-navigation.is-style-header-nav .burger-icon {
  width: 35px;
  height: 30px;
  display: flex;
  flex-direction: column;
}
.wp-block-navigation.is-style-header-nav .burger-icon span {
  background-color: var(--wp--preset--color--first);
  height: 1px;
  width: 100%;
  display: inline-block;
  margin-top: 6px;
}
.wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
  animation: overlay-menu__slide-in-from-right 0.3s ease-out;
  display: block;
  position: fixed;
  right: 0;
  left: auto;
  min-width: 300px;
  height: 100vh;
  background-color: var(--wp--preset--color--text-dark);
}
@media (max-width: 781px) {
  .wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
    min-width: 100vw;
  }
  .wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-close {
    height: 100%;
  }
  .wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog {
    height: 100%;
  }
  .wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content {
    height: 100vh;
    overflow: auto;
    padding: 15px 60px;
  }
  .wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content {
    align-items: center;
    justify-content: center;
  }
  .wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content ul {
    align-items: center;
  }
}
.wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content {
  padding: 200px 60px;
}
.wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-site-logo img {
  width: 138px;
  height: 67px;
}
.wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open a:not(.wp-block-button__link) {
  color: var(--wp--preset--color--first);
}
.wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
  right: 30px;
  top: 30px;
}
.wp-block-navigation.is-style-header-nav .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close svg {
  width: 50px;
  height: 50px;
  fill: var(--wp--preset--color--first);
}

@keyframes overlay-menu__slide-in-from-right {
  from {
    transform: translateX(100%); /* Commence en dehors de l'écran à droite */
    opacity: 0;
  }
  to {
    transform: translateX(0); /* Revient à sa position initiale */
    opacity: 1;
  }
}
@keyframes overlay-menu__slide-out-to-right {
  from {
    transform: translateX(0); /* Commence à sa position initiale */
    opacity: 1;
  }
  to {
    transform: translateX(100%); /* Se déplace en dehors de l'écran à droite */
    opacity: 0;
  }
}