carhop__carhop-theme__DEV/resources/css/blocks/press-ressources.css

.wp-block-carhop-blocks-press-ressources {
  .contact-persons {
  }
}

.press-ressources {
  @apply px-4 md:px-8 lg:px-16;
  .contact-persons {
    @apply max-w-screen-lg mx-auto;
    &__list {
      @apply grid grid-cols-1 md:grid-cols-2 gap-8;
    }
  }

  .press-toolbar {
    .tablist {
      @apply my-8;
    }
  }
}

.block-front-header + .press-ressources {
  margin-top: -300px;
}

.block-front-header:has(+ .press-ressources) {
  @apply pb-72;
}

.communiques-de-presse {
  &__title {
    @apply my-12;
  }
  &__list {
    @apply grid grid-cols-1 md:grid-cols-2 gap-8;
    .communique-card {
      &__inner {
        @apply flex items-start justify-between gap-8;
      }
      .cta--download {
        @apply shrink-0 py-0;
      }
      h3 {
        @apply mb-6 text-2xl;
      }
      @apply border border-primary border-solid bg-white p-8;
      .communique-card__file-infos {
        @apply flex items-center gap-2 text-primary;
      }
      .communique-card__file-type {
        @apply uppercase;
      }
    }
  }
}
.communiques-de-presse__title {
  @apply my-12;
}

.ressources-graphiques {
  &__title {
    @apply my-12;
  }
  .contact-datas {
    @apply grid grid-cols-1 md:grid-cols-3 gap-8;
    a {
      @apply block mb-1;
    }
    h3 {
      @apply nunito text-lg font-bold tracking-widest mb-3;
    }
  }
  .download-list {
    @apply mt-16;
    .list-heading {
      @apply grid gap-4 bg-primary text-white p-4 uppercase tracking-wider;
      grid-template-columns: 4fr 1fr 1fr 1fr;

      column-gap:;
      /* span {
        @apply nunito text-sm font-bold tracking-widest mb-3;
        } */
    }
    &__item {
      @apply relative;
      transition: transform 0.3s ease-out;
      &:after {
        @apply content-[''] absolute top-0 left-0 w-full h-full opacity-0 z-0;
        transition: opacity 0.3s ease-out;
      }
      a {
        @apply border-primary border-solid z-10 px-4;
        grid-template-columns: 4fr 1fr 1fr 1fr;
        @apply text-primary py-6 items-center;
        @apply grid  gap-4 border-b relative;
      }
      .file-name {
        transition: transform 0.3s ease-out;
        transform: translateX(0);
      }

      &:hover {
        a {
          @apply text-white;
        }
        .file-name {
          transform: translateX(10px);
        }
        &:after {
          @apply bg-primary opacity-100;
        }
        .download-link:after {
          filter: brightness(0) invert(1);
          transform: rotate(-90deg);
        }
      }
      a:last-child {
        @apply border-b-0;
      }

      .file-name,
      .download-link {
        @apply font-semibold;
      }
      /* :nth-child(4) {
        @apply bg-red-500;
      } */
      .download-link {
        @apply text-right flex items-center justify-end gap-4;
        &:after {
          @apply content-[''] inline-block w-10 h-10 bg-contain bg-no-repeat bg-center;
          background-image: url('../resources/img/icons/button-arrow-down-small.svg');
          background-size: contain;
          transition: transform 0.3s ease-out;
        }
      }

      span {
      }
    }
  }

  .download-table {
    @apply w-full;
    thead {
      @apply bg-primary text-white;
    }
    tr {
      @apply border-b border-primary border-solid p-2 text-primary !py-6;
    }
    th,
    td {
    }
  }
}

.ressources-grid-content-wrapper {
  &[data-active-tab='communiques'] {
    .ressources-graphiques,
    .presse-reviews {
      @apply hidden;
    }
  }
  &[data-active-tab='ressources-graphiques'] {
    .communiques-de-presse,
    .presse-reviews {
      @apply hidden;
    }
  }
  &[data-active-tab='presse-reviews'] {
    .communiques-de-presse,
    .ressources-graphiques {
      @apply hidden;
    }
  }
}

.presse-reviews {
  @apply mt-12;
  .wp-block-carhop-blocks-content-box {
    @apply !w-full !m-0;
    .content-box__innerblocks {
      @apply p-0;
      > * {
        @apply w-full max-w-none;
      }
    }
  }
  &__inner {
    @apply grid gap-8;
    grid-template-columns: 1fr;
    @screen lg {
      grid-template-columns: 250px 3fr;
    }
  }
  aside {
    ul.presse-reviews__years-list {
      @apply sticky top-0;

      li.presse-reviews__year {
        @apply list-none border border-primary border-solid p-6 text-4xl fjalla;
      }
      li.presse-reviews__year + li.presse-reviews__year {
        @apply mt-4;
      }

      @media (max-width: 1024px) {
        @apply flex items-center gap-4;

        li.presse-reviews__year {
          @apply !mt-0;
        }
      }
    }
  }

  &__archives-list {
    @apply grid grid-cols-1 gap-8;
    .archives-year-title-wrapper {
      @apply relative mb-6;
      &:after {
        @apply content-[''] block w-full bg-primary absolute;
        top: 50%;
        height: 1px;
      }
      h3 {
        @apply bg-white w-fit mx-auto px-8 relative z-10 text-lg nunito !font-bold tracking-wide;
      }
    }
  }
  &__archives-decade {
    .post-card + .post-card {
      @apply mt-8;
    }
  }

  &__title {
    @apply my-12;
  }
  ul.archives-decade-used-types {
    @apply flex items-center gap-10;

    li.archives-decade-used-type {
      @apply text-primary flex items-center gap-2;

      &::before {
        @apply content-[''] block w-8 h-8 bg-no-repeat bg-center bg-contain;
      }

      &--audio::before {
        background-image: url('../resources/img/icons/carhop-source-audio.svg');
      }
      &--video::before {
        background-image: url('../resources/img/icons/carhop-source-video.svg');
      }
      &--photo::before {
        background-image: url('../resources/img/icons/carhop-source-photo.svg');
      }
      &--article::before {
        background-image: url('../resources/img/icons/carhop-source-ecrits.svg');
      }
    }
  }
}