.archivio {
}
.archivio > .descrizione {
  padding-block: var(--icc-spacing-7);
  background-color: var(--icc-secondary-100);
  --icc-backgroud-fullwidth: var(--icc-secondary-100);
}
@media screen and (width > 700px) {
  .archivio > .descrizione {
    text-align: center;
  }
  .taxonomy-podcast.archivio > .descrizione {
    text-align: unset;
  }
}
.archivio > .descrizione h1 {
  font-size: clamp(1.5rem, 0.071rem + 3.81vw, 3.5rem);
  font-weight: var(--icc-font-bold);
  color: var(--icc-tertiary-950);
}
.archivio > .descrizione p {
  font-size: var(--icc-text-md);
  color: var(--icc-gray-800);
  text-wrap: balance;
  margin-block-start: var(--icc-spacing-4);
}
@media screen and (width > 700px) {
  .archivio > .descrizione p {
    max-width: 50%;
    margin-inline: auto;
  }
  .taxonomy-podcast.archivio > .descrizione p {
    max-width: 100%;
  }
}

.archive-all-content {
  padding-block: var(--icc-spacing-9);
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));
  & > div.archive-all-content-submenu {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  & > button {
    grid-column: 1 / -1;
  }
  nav {
    grid-column: 1/-1;
    margin-inline: auto;
    margin-block-start: var(--icc-spacing-9);
  }
}
@media screen and (width > 800px) {
  .archive-all-content {
    padding-inline: var(--icc-spacing-9);
  }
}

.archivio .secondary-title h2 {
  font-size: clamp(
    var(--icc-text-2xl),
    -0.833rem + 5.333vw,
    var(--icc-text-4xl)
  );
}
.archivio .secondary-title svg {
  height: clamp(var(--icc-text-2xl), -0.833rem + 5.333vw, var(--icc-text-4xl));
  width: clamp(var(--icc-text-2xl), -0.833rem + 5.333vw, var(--icc-text-4xl));
}
.archivio form {
  display: grid;
  gap: var(--icc-spacing-4);
}
/*! TAG */
.tag .tag-cpt {
  padding: var(--icc-spacing-9);
}
.archive-last-tag {
  background-color: var(--icc-primary-200);
  padding-block: var(--icc-spacing-9);
}
@media screen and (width > 700px) {
  .archive-last-tag {
    padding-inline: var(--icc-spacing-9);
  }
}

#contenuto {
  scroll-margin-block-start: 30px;
}

/*! Category */
.category-cpt {
  padding-block: var(--icc-spacing-9);
}
@media screen and (width > 700px) {
  .category-cpt {
    padding-inline: var(--icc-spacing-9);
  }
}
@media screen and (width > 1440px) {
  .category.archivio .scroller-container-progress {
    display: none;
  }
}
.category-esplora {
  padding-block: var(--icc-spacing-8);
}
@media screen and (width > 700px) {
  .category-esplora {
    padding-inline: var(--icc-spacing-9);
  }
}

.category-esplora_list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--icc-spacing-2);
}

.terms-esplora {
  background-color: var(--icc-primary-200);
  padding-block: var(--icc-spacing-8);
}
@media screen and (width > 700px) {
  .terms-esplora {
    padding-inline: var(--icc-spacing-9);
  }
}

/*! Podcast */
.archive-podcasts .evidenza {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

  h2 {
    grid-column: 1 / -1;
  }
}

.archive-podcasts .frontpage-tagevidenza .frontpage-tagevidenza_podcast {
  margin-top: 0;

  > h3 {
    color: var(--icc-tertiary-950);
    font-size: var(--icc-text-2xl);
    line-height: var(--icc-leading-8);
  }
}

@media screen and (width > 900px) {
  .archive-podcasts .frontpage-tagevidenza .frontpage-tagevidenza_podcast {
    > h3 {
      font-size: var(--icc-text-4xl);
      line-height: var(--icc-leading-12);

      &.icc-titolo-sottolineato:after {
        bottom: 0.2rem;
      }
    }
  }
}

/*! Filtri */
.archive-filtri-riepilogo {
  background-color: var(--icc-primary-200);
  color: var(--icc-gray-800);
  font-weight: var(--icc-font-bold);
  padding: var(--icc-spacing-2);
  width: 100%;
}
.archive-filtri-riepilogo a {
  color: inherit;
}
.archive-filtri-riepilogo span {
  font-weight: var(--icc-font-regular);
}
.archivio .modal-header h1 {
  font-family: Roboto-Sans;
  font-size: var(--icc-text-2xl);
  font-weight: var(--icc-font-bold);
}

.archivio #filtriArchive .accordion-body {
  display: grid;
  grid-template-columns: repeat(auto-fill, 250px);
  row-gap: var(--icc-spacing-3);
}

/*! Taxonomy podcast */

.taxonomy-podcast {
  .descrizione {
    display: grid;
    gap: var(--icc-spacing-4);
    align-items: center;

    img {
      justify-self: center;
    }
  }

  .a-cura-di {
    font-style: italic;
    margin-block-start: var(--icc-spacing-4);
  }
}

@media screen and (width > 900px) {
  .taxonomy-podcast {
    .descrizione {
      grid-template-columns: 2fr 1fr;

      img {
        grid-column: 2 / 3;
      }
      > div {
        grid-row: 1;
      }
    }
  }
}

.taxonomy-podcast .terthiary-title {
  margin-block-start: var(--icc-spacing-8);
  h3 {
    color: var(--icc-gray-600);
  }
}

.taxonomy-podcast .trailer {
  display: grid;
  gap: var(--icc-spacing-6);
  padding-block: var(--icc-spacing-4) var(--icc-spacing-8);

  #single-song-player {
    margin-block: 0;
    img[data-amplitude-song-info="cover_art_url"] {
      display: none;
    }
    .bottom-container {
      padding: var(--icc-spacing-3);
      border-radius: var(--icc-spacing-3);
    }
    [data-amplitude-song-info="artist"] {
      display: none;
    }
  }

  p {
    color: var(--icc-gray-950);
  }
}

@media screen and (width > 900px) {
  .taxonomy-podcast .trailer {
    grid-template-columns: 2fr 1fr;
    padding: var(--icc-spacing-7) var(--icc-spacing-9);

    p {
      max-width: 75%;
    }
  }
}

.taxonomy-podcast .archive-all-content {
  .icc-card-podcast-horizontal {
    background-color: var(--icc-secondary-100);

    .icc-card-divisorio {
      display: none;
    }
  }
}

.podcast-info {
  padding-block: var(--icc-spacing-7);
  display: grid;
  gap: var(--icc-spacing-7);

  > div {
    padding: var(--icc-spacing-4);
    background-color: var(--icc-secondary-100);
    border-radius: var(--icc-spacing-3);

    h4 {
      color: var(--icc-tertiary-950);
    }
    p {
      color: var(--icc-tertiary-800);
    }
    a {
      color: var(--icc-tertiary-800);
    }
  }
  .podcast-info-autore {
    display: flex;
    gap: var(--icc-spacing-4);
    margin-block-start: var(--icc-spacing-4);
  }
}

@media screen and (width > 900px) {
  .podcast-info {
    padding: var(--icc-spacing-7) var(--icc-spacing-9) var(--icc-spacing-9);
    grid-template-columns: 1fr 1fr;
    gap: var(--icc-spacing-9);

    > div {
      padding: var(--icc-spacing-7);
    }
  }
}
#episodi {
  scroll-margin-top: 60px;
}
.taxonomy-podcast.archivio .descrizione-io-non-mi-rassegno {
  display: flex;
  flex-wrap: wrap;
  gap: var(--icc-spacing-4);

  :is(.icc-btn, form) {
    width: 100%;
    text-align: center;
  }
  form {
    display: inline-block;
  }
}
@media screen and (width > 900px) {
  .taxonomy-podcast.archivio .descrizione-io-non-mi-rassegno {
    :is(.icc-btn, form) {
      width: auto;
    }
  }
}

.taxonomy-podcast {
  .frontpage-abbonati input[type="submit"] {
    display: block;
    padding: var(--icc-spacing-3) var(--icc-spacing-6);
    background-color: var(--icc-tertiary-700);
    color: var(--icc-neutral-white) !important;
    width: 100%;
    text-align: center;
    text-decoration: none;
  }
  @media screen and (width > 620px) {
    .frontpage-abbonati input[type="submit"] {
      width: min-content;
      margin-inline: auto;
      display: initial;
    }
  }
}

@media screen and (width > 900px) {
  .archive-notizie__podcast {
    padding-inline: var(--icc-spacing-9);
  }
}

/*! Search */
.cerca .icc-search:has(input:not(:placeholder-shown)) button {
  background: var(--icc-primary-500);
}
.cerca .icc-search input[type="text"]:not(:placeholder-shown) {
  color: var(--icc-tertiary-950);
}
@media screen and (width > 900px) {
  .cerca .icc-search {
    max-width: 50%;
    margin-inline: auto;
  }
}
.cerca .cerca-btn-noResult {
  display: flex;
  gap: var(--icc-spacing-4);
  flex-wrap: wrap;
  width: 100%;

  a {
    width: 100%;
  }

  @media screen and (width > 500px) {
    a {
      width: auto;
    }
  }
}