.template-archives--publications {
  .archives-publications-header {
    @apply bg-primary max-w-screen-xl text-white text-center mx-auto;
  }
  .paper-button {
    @apply hidden md:block;
  }
  .highlighted-publication {
    @apply max-w-screen-xl 
    mb-10
    p-8 
    mx-auto
    rounded-2xl
  bg-secondary-light
    flex 
    flex-col
    md:flex-row 
    items-start
    justify-around;

    &__titling {
      @apply flex items-center gap-4 w-fit pb-4;
      &__icon {
        @apply bg-secondary rounded-full w-8 h-8 flex items-center justify-center;
        img {
          @apply w-full;
          max-width: 40%;
        }
      }
      &__title {
        @apply font-bold text-secondary text-xl;
      }
      &__subtitle {
        @apply font-bold text-secondary text-base pb-2;
      }
    }
    &__comment {
      @apply max-w-3xl pr-7 text-secondary;
      line-height: 1.6;
      a:not(.cta) {
        @apply underline font-bold underline-offset-2;
      }
      p {
        @apply mb-2;
      }
    }

    &__cover {
      /* transform: translateY(-30%); */
      @apply rounded-2xl mt-12 md:mt-0;
      max-width: 200px;
      max-height: 250px;
      /* transform: scale(2) translate(-50%, -20%); */
    }
    &__thumbnail-cover {
      position: relative;

      img {
        @apply rounded-2xl  object-cover;
        /* aspect-ratio: 16/9; */
        max-width: 400px;
      }
      &:before {
        content: '';
        @apply bg-neutral-900
        inset-0
        z-30
        absolute
        w-full h-full
        opacity-30
        rounded-2xl;
        content: '';

        /* @apply absolute inset-0 bg-gradient-to-t from-secondary to-transparent; */
      }
    }
    .cta {
      @apply mt-8;
    }

    iframe {
      @apply w-full max-w-xl h-auto my-2 rounded-2xl;
      aspect-ratio: 16/9;
    }
  }
  #highlighted-share-publication {
    @apply bg-primary text-white items-start mt-16;
    /* @apply bg-gray  items-start; */

    .highlighted-publication__titling__title,
    .highlighted-publication__comment {
      @apply text-white;
    }
    .highlighted-publication__comment {
    }

    .highlighted-share-publication__cover {
      @apply rounded-2xl mt-12 md:mt-0;
      max-width: 200px;
      max-height: 230px;
    }
  }
  .brochures-archives,
  .fiches-infos-archives,
  .videos-webinaires-archives {
    @apply max-w-screen-xl mx-auto pt-4 pb-16 mt-8;
  }

  /* &[filter-active] {
    #highlighted-share-publication,
    .highlighted-publication {
      @apply !hidden;
    }
  } */
}