/*! Card menu info */
.icc-card-menu-info {
  background-color: var(--icc-secondary-100);
  padding: var(--icc-spacing-4) var(--icc-spacing-4) var(--icc-spacing-2)
    var(--icc-spacing-4);
  border-radius: var(--icc-spacing-2);
  svg {
    height: 24px !important;
    width: 24px !important;
    vertical-align: text-top;
  }
}
.icc-card-menu-info_title {
  color: var(--icc-tertiary-700);
  font-size: var(--icc-text-2xl);
  font-weight: 700;
  margin-block-end: var(--icc-spacing-2);
}
.icc-card-menu-info_description {
  color: var(--icc-gray-600);
  margin-block-end: var(--icc-spacing-4);
}
.icc-card-menu-info_link {
  color: var(--icc-tertiary-800);
  font-weight: 700;
  padding-block: var(--icc-spacing-2);
}

/*! Card menu categoria */
.icc-card-menu-cat {
  position: relative;
}
.icc-card-menu-cat:not(:last-of-type) {
  margin-bottom: var(--icc-spacing-4);
}
.icc-card-menu-cat img {
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: var(--icc-spacing-2);
  max-height: 90px;
}
.icc-card-menu-cat_title {
  color: var(--icc-tertiary-950);
}
.icc-card-menu-cat_descr {
  color: var(--icc-gray-600);
}

/*! Card notizie */
.icc-notizie-card {
  display: grid;
  position: relative;
  height: 100%;
  grid-auto-rows: max-content;
}
.icc-notizie-card_title a {
  color: black;
  text-decoration: none;
}
.icc-card-article_category {
  display: flex;
  flex-wrap: wrap;
  gap: var(--icc-spacing-2);
}

.icc-card-article_category:empty {
  display: none;
}
.icc-notizie-card_detail {
  grid-row-start: 2;
  align-self: end;
}
.icc-notizie-card_date {
  color: var(--icc-gray-400);
}
.icc-notizie-card_hour {
  color: var(--icc-tertiary-700);
}

/*! Card article */
.icc-card-article {
  position: relative;
  display: grid;
  gap: var(--icc-spacing-3);
  grid-auto-rows: max-content;
}
.icc-card-article img {
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: var(--icc-spacing-2);
  width: 100%;
}
.icc-card-article_cpt,
.icc-card-article_cpt a {
  color: var(--icc-secondary-500);
  font-size: var(--icc-text-sm);
  line-height: var(--icc-leading-5);
  font-weight: var(--icc-font-bold);
  text-transform: var(--icc-uppercase);
  text-decoration: none;

  svg {
    width: 16px;
    height: 16px;
  }
}
.icc-card-article_cpt a:hover {
  text-decoration: underline;
}
.icc-card-article_format a {
  font-weight: var(--icc-font-medium);
}
.icc-card-article_format a:hover {
  text-decoration: underline;
}
.icc-card-article_title a {
  color: var(--icc-tertiary-950);
  line-height: var(--icc-leading-8);
  font-weight: var(--icc-font-bold);
  font-size: var(--icc-text-2xl);
  text-decoration: none;
}
.icc-card-article_excerpt {
  color: var(--icc-gray-700);
  line-height: var(--icc-leading-6);
  font-size: var(--icc-text-md);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.icc-card-article_detail {
  color: var(--icc-gray-600);
  font-size: var(--icc-text-sm);
  line-height: var(--icc-leading-5);
  display: flex;
}
.icc-card-article_author a {
  color: inherit;
  font-size: var(--icc-text-sm);
  line-height: var(--icc-leading-5);
}
.icc-card-article_date {
  text-transform: capitalize;
}

/*! Card podcast */
.icc-card-podcast {
  position: relative;
  border-radius: var(--icc-spacing-2);
  display: grid;
  position: relative;
  gap: var(--icc-spacing-3);
  height: 100%;
  grid-auto-rows: max-content;
}
.icc-card-podcast img {
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: var(--icc-spacing-2);
}
.icc-card-podcast_cpt {
  color: var(--icc-tertiary-700);
  font-size: var(--icc-text-sm);
  font-weight: var(--icc-font-bold);
  line-height: var(--icc-leading-5);
  text-transform: var(--icc-uppercase);
}
.icc-card-podcast_cpt svg {
  width: 1em;
  height: 1em;
}
.icc-card-podcast_title a {
  color: var(--icc-tertiary-950);
  font-size: var(--icc-text-xl);
  font-weight: var(--icc-font-600);
  line-height: var(--icc-leading-7);
  text-decoration: none;
}
.icc-card-podcast_excerpt {
  color: var(--icc-gray-800);
  font-size: var(--icc-text-md);
  line-height: var(--icc-leading-6);
}
.icc-card-podcast-horizontal {
  background-color: var(--icc-neutral-white);
  grid-template-columns: 1fr 2fr;
  grid-template-rows: min-content;
  height: 100%;
}
.icc-card-podcast-horizontal img {
  aspect-ratio: 1;
  grid-row: span 2;
}

.icc-card-podcast .play {
  position: absolute;
  bottom: var(--icc-spacing-2);
  right: var(--icc-spacing-2);
  color: var(--icc-neutral-white);
  background-color: var(--icc-tertiary-700);
  height: 48px;
  width: 48px;
  border-radius: 99999px;
  display: flex;
  justify-content: center;
  align-items: center;

  svg {
    height: 24px;
    width: 24px;
  }
}

/*! Card storie */
.icc-card-storie .icc-card-storie_tax {
  background-color: var(--icc-secondary-100);
  border-radius: var(--icc-spacing-2);
  display: grid;
  padding: var(--icc-spacing-2);
  position: relative;
  gap: var(--icc-spacing-3);
  grid-template-columns: min-content 1fr;
  grid-auto-rows: max-content;
}
.icc-card-storie_icon {
  grid-row: span 3;
}
.icc-card-storie_cpt {
  color: var(--icc-tertiary-700);
  font-size: var(--icc-text-sm);
  font-weight: var(--icc-font-bold);
  line-height: var(--icc-leading-5);
  text-transform: var(--icc-uppercase);
  padding-block-start: 0.2rem;
}
.icc-card-storie_title a {
  color: var(--icc-tertiary-950);
  font-size: var(--icc-text-xl);
  font-weight: var(--icc-font-600);
  line-height: var(--icc-leading-7);
  text-decoration: none;
}
.icc-card-storie_description {
  color: var(--icc-gray-800);
  font-size: var(--icc-text-md);
  line-height: var(--icc-leading-6);
}

.icc-card-storie article {
  display: grid;
  grid-template-columns: min-content 1fr;
}
.icc-card-storie_article-icon {
  grid-row: span 2;
  font-size: var(--icc-text-2xl);
  padding-block-start: 0.3rem;
}
.icc-card-storie_article-title a {
  color: var(--icc-gray-950);
  font-size: var(--icc-text-sm);
  font-weight: var(--icc-font-regular);
  line-height: var(--icc-leading-5);
}
.icc-card-storie_article-date {
  color: var(--icc-gray-600);
  font-size: var(--icc-text-xs);
  font-weight: var(--icc-font-regular);
  line-height: var(--icc-leading-4);
  align-self: end;
}

.icc-card-storie-archive {
  padding: var(--icc-spacing-4);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: var(--icc-spacing-3);

  .icc-card-storie_title a {
    text-decoration: none;
    color: var(--icc-tertiary-800);
    font-family: var(--icc-font-serif);
    font-size: var(--icc-text-2xl);
    font-weight: var(--icc-font-600);
    line-height: var(--icc-leading-8);
    margin-bottom: var(--icc-spacing-2);
  }
  .icc-card-storie_description {
    color: var(--icc-gray-800);
    font-family: var(--icc-font-sans);
    font-size: var(--icc-text-md);
    line-height: var(--icc-leading-6);
  }
}

/*! Card territori */
.icc-card-territori_horizontal {
  background-color: var(--icc-secondary-100);
  padding: var(--icc-spacing-6) var(--icc-spacing-3);
  border-radius: var(--icc-spacing-3);
  display: grid;
  grid-template-columns: 1fr 3fr;
  column-gap: 1rem;
  height: 100%;
  grid-auto-rows: max-content;
}
.icc-card-territori_horizontal :is(img, svg) {
  /*grid-row: span 2;*/
  align-self: center;
}
.icc-card-territori_horizontal svg {
  height: 70%;
  width: 100%;
  max-width: 94px;
  max-height: 100px;
}
.icc-card-territori_horizontal_title {
  margin-block-end: var(--icc-spacing-2);
}
.icc-card-territori_horizontal_title a {
  color: var(--icc-tertiary-700);
  font-size: var(--icc-text-2xl);
  font-weight: var(--icc-font-bold);
  line-height: var(--icc-leading-8);
  text-decoration: none;
}
.icc-card-territori_horizontal_excerpt {
  color: var(--icc-gray-800);
  font-size: var(--icc-text-sm);
  line-height: var(--icc-leading-5);
}

/*! Card strumenti */
.icc-card-strumenti {
  display: grid;
  background-color: var(--icc-neutral-white);
  padding: var(--icc-spacing-2);
  border-radius: var(--icc-spacing-3);
  border: 1px solid var(--icc-gray-200);
  gap: var(--icc-spacing-2);
  height: 100%;
  grid-auto-rows: max-content;
  position: relative;
}
.icc-card-strumenti .icc-card-strumenti-stato {
  color: var(--icc-gray-800);

  span {
    width: var(--icc-spacing-4);
    height: var(--icc-spacing-4);
    margin-inline-end: var(--icc-spacing-2);
    border-radius: 9999px;
    display: inline-block;

    &.red {
      background-color: var(--icc-danger-600);
    }
    &.amber {
      background-color: var(--icc-yellow-600);
    }
    &.green {
      background-color: var(--icc-tertiary-600);
    }
  }
}
.icc-card-strumenti img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--icc-spacing-2);
}
:is(.icc-card-strumenti, .icc-card-podcast) .icc-card-strumenti_img {
  position: relative;
}
:is(.icc-card-strumenti, .icc-card-podcast)
  .icc-card-strumenti_img
  .icc-card-strumenti_img-overlay {
  background-color: var(--icc-secondary-100);
  border-radius: var(--icc-spacing-1);
  color: var(--icc-tertiary-700);
  font-size: var(--icc-text-sm);
  font-family: var(--icc-font-sans);
  font-weight: var(--icc-font-medium);
  line-height: var(--icc-leading-4);
  text-transform: var(--icc-uppercase);
  padding-block: var(--icc-spacing-1);
  padding-inline: 6px;
  position: absolute;
  top: var(--icc-spacing-2);
  left: var(--icc-spacing-2);

  svg {
    height: 16px;
    width: 16px;
    margin-inline-end: 2px;
    vertical-align: text-top;
  }
}
:is(.icc-card-strumenti, .icc-card-podcast)
  .icc-card-strumenti_img
  .icc-card-strumenti_img-overlay:empty {
  display: none;
}
.icc-card-strumenti_category {
  color: var(--icc-secondary-500);
  font-weight: var(--icc-font-bold);
  font-size: var(--icc-text-sm);
  line-height: var(--icc-leading-5);
  text-transform: var(--icc-uppercase);
}
.icc-card-strumenti_category .icc-card-divisorio {
  display: none;
}
.icc-card-strumenti_title a {
  color: var(--icc-tertiary-950);
  font-weight: var(--icc-font-600);
  font-size: var(--icc-text-xl);
  line-height: var(--icc-leading-7);
  text-decoration: none;
}
.icc-card-strumenti_excerpt {
  color: var(--icc-gray-800);
  font-weight: var(--icc-font-regular);
  font-size: var(--icc-text-md);
  line-height: var(--icc-leading-6);
}
.icc-card-strumenti_info {
  color: var(--icc-gray-700);
  font-weight: var(--icc-font-regular);
  font-size: var(--icc-text-sm);
  line-height: var(--icc-leading-5);
  display: flex;
}

.icc-card-puntino {
  margin-top: -3px;
  padding-inline: var(--icc-spacing-1);
}

/*! Card guida */
.icc-card-guida {
  display: grid;
  gap: var(--icc-spacing-4);

  img {
    border-radius: var(--icc-spacing-3);
  }
  .icc-card-article_format {
    display: none;
  }
}
@media screen and (width > 600px) {
  .icc-card-guida {
    grid-template-columns: 1fr 2fr;
    gap: var(--icc-spacing-7);
  }
}

/*! Card dicono di noi */
.icc-card-diconodinoi {
  p {
    color: var(--icc-gray-950);
    font-family: var(--icc-font-sans);
    font-size: var(--icc-text-md);
    line-height: var(--icc-leading-6);
  }
}