.secondary-menu-container {
  @apply bg-primary  items-center px-8 py-4 
	2xl:px-32;

  a {
    @apply text-white;
  }

  .secondary-menu-nav {
    @apply max-w-screen-2xl w-full mx-auto flex justify-between items-center;

    ul {
      @apply block  lg:flex justify-between gap-4;
    }
    a {
      @apply font-normal text-lg;
    }
    li.menu-item > a:hover {
      @apply underline underline-offset-8 decoration-1;
    }
    .network-redirector {
      @apply lg:block hidden;
      a {
        @apply flex items-center gap-4;
        &:after {
          transition: all 0.3s ease-out;
          @apply w-8 h-8 bg-no-repeat bg-contain bg-center text-lg;
          filter: invert(1);
          content: '';
          background-image: url('../resources/img/carhop-fleche-lien-externe-full.svg');
          display: inline-block;
        }
        &:hover {
          &:after {
            @apply translate-x-2 rotate-45;
          }
        }
      }
    }
  }
}

.secondary-menu-container {
  @apply hidden lg:block;
}

/* @media (max-width: 1024px) {
  header[nav-open='true'] .secondary-menu-container {
    @apply block;
  }
} */

@media (max-width: 960px) {
  .secondary-menu-container {
    @apply w-fit mx-0;
  }
}