/* Navigation locale : mêmes points de rupture que les styles du site. */
.navbar1_menu-button,
.navbar1_dropdown-toggle {
  appearance: none;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.navbar1_menu-button {
  border: 0;
  background: transparent;
  color: inherit;
}

.navbar1_dropdown-toggle {
  border: 0;
  background: transparent;
  text-align: inherit;
}

.navbar1_menu[hidden],
.navbar1_dropdown-list[hidden] {
  display: none !important;
}

.navbar1_dropdown-toggle .dropdown-chevron {
  transition: transform 200ms ease;
}

.navbar1_dropdown-toggle.is-open .dropdown-chevron {
  transform: rotate(180deg);
}

.navbar1_menu-button:focus-visible,
.navbar1_dropdown-toggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

@media (max-width: 991px) {
  .brand-nav .navbar1_menu.is-page-height-tablet {
    order: 4;
    flex: 1 0 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .brand-nav .navbar1_menu-links {
    width: 100%;
  }

  .brand-nav .navbar1_menu-buttons {
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    align-items: stretch;
  }

  .brand-nav .navbar1_menu-buttons .button {
    flex: none;
    width: 100%;
  }

  .navbar1_menu-button.is-open .menu-icon1_line-top {
    transform: translateY(8px) rotate(45deg);
  }

  .navbar1_menu-button.is-open .menu-icon1_line-middle {
    opacity: 0;
  }

  .navbar1_menu-button.is-open .menu-icon1_line-bottom {
    transform: translateY(-8px) rotate(-45deg);
  }

  .menu-icon1_line-top,
  .menu-icon1_line-middle,
  .menu-icon1_line-bottom {
    transition: transform 200ms ease, opacity 200ms ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar1_dropdown-toggle .dropdown-chevron,
  .menu-icon1_line-top,
  .menu-icon1_line-middle,
  .menu-icon1_line-bottom {
    transition: none;
  }
}

/* Fermer le menu mobile avant le premier rendu, sans attendre navigation.js.
   Sans JavaScript, les liens restent visibles. */
@media (max-width: 991px) {
  html.js-navigation .navbar1_component:not(.is-menu-open) .navbar1_menu {
    display: none;
  }
}
