.menu-renovateur {
  @apply py-8 
  px-16
  relative
  bg-yellow-50
   shadow-md 
   flex
   flex-wrap
   justify-between;

  .logo {
    @apply mr-12 
		w-[190px]
		xl:w-[222px];
  }
  /* &__main-elements {
    @apply w-full bg-red-200 flex justify-between items-center;
  } */
  &__navlist {
    @apply md:flex justify-center gap-8 bg-green-200;

    > li {
      .page_icon {
        @apply w-[50px] h-[50px];
      }
      @apply text-black
      flex
      lg:relative
      justify-center
      items-center
      font-bold;
    }
    /* Generic Submenu Item */
    .sub-menu {
      @apply absolute bottom-0   bg-white;
      transform: translateY(100%);
      @apply max-w-3xl w-screen p-8;
      &--closed {
        @apply hidden;
      }
      &--open {
        @apply block;
      }
    }

    /* Conseils — Thamtiques Submenu Item */
    li#menu-item-168 {
      hr {
        @apply my-3 mb-6;
      }
      .sub-menu {
        /* @apply hidden; */
      }
      .sub-menu__navlist {
        @apply grid grid-cols-2 gap-4;
        &__item {
          @apply flex gap-4;
        }

        &__thematique-icon {
          max-width: 80px;
        }
        &__description {
          @apply text-sm font-normal;
          line-height: 1.3;
        }
      }
    }
    /* Conseils — Thamtiques Submenu Item */
    li#menu-item-169 {
      .sub-menu {
        /* @apply hidden; */
      }

      .sub-menu__navlist {
        @apply flex gap-5;
        li {
          @apply underline underline-offset-4;
        }
      }
    }
  }
  &__mobile-menu-toggle {
    @apply md:hidden;
  }
  &__search-module-toggle {
    @apply z-50 h-fit;
  }
}

.menu-renovateur--footer {
  @apply grid grid-cols-4;

  li {
    .page_icon {
      @apply w-[50px] h-[50px];
    }
    @apply text-black
		flex
		justify-start
		items-center
		font-bold;

    .sub-menu {
      @apply hidden;
    }
  }
}