.archive-page-header {
  @apply bg-primary text-white text-center pb-12 max-w-screen-xl mx-auto
    mt-16 md:mt-8 rounded-2xl px-2;
  &__icon {
    @apply absolute left-1/2 -translate-x-1/2 -translate-y-[75%] w-20 block;
  }
  &__title {
    @apply uppercase font-semibold text-xl tracking-widest pt-12;
  }
  &__icon + &__title {
    @apply pt-16;
  }
  &__description {
    @apply font-bold text-4xl max-w-screen-md mx-auto pt-4;
  }
  /* POUR TEMPLATE ARCHIVE CONSEILS ET ARCHIVE QUESTIONS */
  &__terms-grid {
    @apply grid sm:grid-cols-2 md:grid-cols-4 max-w-screen-md mx-auto gap-4 p-6 pt-8;

    .term {
      @apply bg-white rounded-xl md:rounded-3xl p-2 md:p-4 lg:px-4 lg:py-5 font-bold leading-4;
      &:before {
        content: none;
      }
    }
    .term a {
      @apply flex md:block gap-4 justify-start items-center;
      text-decoration: none !important;
      p {
        @apply my-0;
      }
    }
    .term img {
      @apply rounded-lg md:pb-4 max-w-[50px] md:max-w-[80px] md:mx-auto;
    }
  }
  /* POUR PUBLICATIONS */
  &__search-grid {
    @apply grid grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8;

    .term {
      @apply bg-white rounded-3xl px-4 py-6 font-bold leading-4;
    }
    .term img {
      @apply rounded-lg pb-4 max-w-[80px] mx-auto;
    }
  }
}
