.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:absolute md:flex justify-center gap-8 bg-green-200
    left-1/2 transform -translate-x-1/2 top-1/2 -translate-y-1/2;

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

      .sub-menu {
        @apply hidden;
      }
    }
  }
  &__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;
    }
  }
}