.main-menu--wide ul.menu {
  display: flex;
  gap: 1rem;
}
.main-menu--wide .main-menu__toggle {
  display: none;
}
.main-menu--wide .main-menu__container {
  display: block;
}
.main-menu--wide .menu__item a,
.main-menu--wide .menu__item a:visited,
.main-menu--wide .menu__item a:active {
  color: var(--color-text-light-translucent);
  text-decoration: none;
}
.main-menu--wide .menu__item a:hover {
  color: var(--color-text-light);
}
.main-menu--wide .menu__item.active-trail a {
  color: var(--color-text-light);
}