.archive-page-header {
  @apply bg-primary text-white text-center pb-12 max-w-screen-xl mx-auto
    mt-8 rounded-2xl;
  &__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-3 lg:grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8;

    .term {
      @apply bg-white rounded-xl md:rounded-3xl px-4 pl-10 md:pl-4 py-4 md:py-6 font-bold leading-4;
    }
    .term a {
      @apply flex md:block gap-4 justify-start items-center;
    }
    .term img {
      @apply rounded-lg md:pb-4 max-w-[40px] 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;
    }
  }
}