.site-footer {
  @apply bg-gray grid grid-cols-4 px-8 gap-8 mt-12;

  &__informative-message {
    @apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center;
    img {
      @apply mr-2;
    }
  }

  &__partenaires,
  &__metiers-patrimoine,
  &__infos-contact,
  &__navigation-menu {
    @apply p-8 bg-white rounded-3xl;
  }

  &__infos-contact {
    @apply col-span-4 lg:col-span-1 grid gap-6;
    .external-link {
      @apply pt-2 mt-1;
    }
  }
  &__navigation-menu {
    @apply col-span-4 lg:col-span-3;
    .footer-menu-renovateur {
      @apply flex gap-4 bg-secondary w-full justify-center items-end;
      .sub-menu {
        @apply hidden;
      }
    }

    .extra_details {
      @apply flex flex-wrap items-center justify-between;

      .social-networks {
        @apply flex gap-4;
      }
    }
  }
  &__partenaires {
    @apply flex flex-wrap col-span-4 md:col-span-2 justify-center items-center gap-12;
  }

  &__metiers-patrimoine {
    @apply col-span-4 md:col-span-2;
  }
}