.menu-territori-main {
  background-color: var(--icc-secondary-100);
  padding: var(--icc-spacing-6) var(--icc-spacing-4);
  z-index: 1000;
}
@media screen and (width > 800px) {
  .menu-territori-main {
    padding-block: var(--icc-spacing-8);
  }
}
header.menu-territori-main > div {
  max-width: var(--icc-max-width);
  margin-inline: auto;
  display: grid;
  grid-template-rows: repeat(2, min-content);
  & > hr {
    margin-block: var(--icc-spacing-4);
  }
}
@media screen and (width > 900px) {
  header.menu-territori-main > div {
    grid-template-rows: 1fr;
    padding-inline: var(--icc-spacing-9);
    grid-template-columns: 1fr 1fr;
    gap: var(--icc-spacing-4);

    & > hr {
      display: none;
    }
  }
}

header.menu-territori-secondary {
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
  margin-left: calc((-100cqw + 100%) / 2);
  margin-right: calc((-100cqw + 100%) / 2);
}

.admin-bar header.menu-territori-secondary {
  top: 118px;
}
@media screen and (width < 783px) {
  .admin-bar header.menu-territori-secondary {
    top: 133px;
  }
}
@media screen and (width < 601px) {
  .admin-bar header.menu-territori-secondary {
    top: 87;
  }
}
.menu-territori-secondary_regione {
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: var(--icc-spacing-2);
}

.menu-territori-main_regione {
  display: grid;
  gap: var(--icc-spacing-1) var(--icc-spacing-6);
  grid-template-columns: min-content 1fr;
  grid-template-rows: repeat(3, min-content);
}
.menu-territori-main_regione_logo {
  grid-row: 1 / -1;

  svg {
    width: 90px;
    height: 90px;
  }
}
.menu-territori-main_regione_titolo {
  font-size: var(--icc-text-xs);
  line-height: var(--icc-leading-4);
  text-transform: var(--icc-uppercase);
  color: var(--icc-secondary-500);
  font-family: var(--icc-font-sans);
  font-weight: var(--icc-font-bold);
}
@media screen and (width > 900px) {
  .menu-territori-main_regione_titolo {
    font-size: var(--icc-text-sm);
    line-height: var(--icc-leading-5);
  }
}
.menu-territori-main_regione_nome {
  color: var(--icc-tertiary-700);
  font-size: var(--icc-text-2xl);
  line-height: var(--icc-leading-8);
  font-family: var(--icc-font-serif);
  font-weight: var(--icc-font-bold);
  a {
    text-decoration: none;
    color: var(--icc-tertiary-700);
  }
}
@media screen and (width > 900px) {
  .menu-territori-main_regione_nome {
    font-size: var(--icc-text-3xl);
    line-height: var(--icc-leading-10);
  }
}
.menu-territori-main_regione_decrizione {
  color: var(--icc-gray-800);
  font-size: var(--icc-text-sm);
  font-family: var(--icc-font-sans);
  line-height: var(--icc-leading-5);
}

.menu-territori-main_collaborazione {
  display: grid;
  row-gap: var(--icc-spacing-1);
  column-gap: var(--icc-spacing-4);
  grid-template-columns: repeat(3, 1fr);
}

.menu-territori-main_collaborazione .widget_text {
  grid-column: 1 / -1;
  h3 {
    color: var(--icc-gray-600);
    font-weight: var(--icc-font-medium);
    font-size: var(--icc-text-sm);
    line-height: var(--icc-leading-5);
  }
}
.menu-territori-main_collaborazione .widget_media_image {
  display: inline-block !important;
}
.menu-territori-main_collaborazione .widget_media_image img {
  max-width: 150px !important;
  /*max-width: calc((100% / 3) - (var(--icc-spacing-4) * 2));*/
  max-height: 70px !important;
  object-fit: contain;
  border-radius: var(--icc-spacing-1);
}

.menu-territori-secondary {
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  height: 64px;
  border-block: 1px solid var(--icc-secondary-300);
  overflow-x: auto;
  background-color: var(--icc-neutral-white);
}
.menu-territori-secondary > nav {
  display: flex;
  align-items: center;
  height: 100%;
  margin-inline: auto;
  text-wrap: nowrap;
}
@media screen and (width > 900px) {
  .menu-territori-secondary > nav {
    justify-content: center;
    gap: var(--icc-spacing-4);
  }
}
.menu-territori-secondary > nav a {
  text-decoration: none;
  padding: var(--icc-spacing-2) var(--icc-spacing-5);
}
.menu-territori-secondary > nav a.active {
  color: var(--icc-tertiary-700);
  position: relative;
}
.menu-territori-secondary > nav a.active:after {
  content: "";
  display: block;
  height: var(--icc-spacing-1);
  width: 100%;
  background-color: var(--icc-tertiary-700);
  border-radius: 200px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.home-page-territori .frontpage-strumenti {
  background: none;
}
.home-page-territori .frontpage-strumenti_descrizione h3 {
  color: var(--icc-secondary-500);
}
.home-page-territori .frontpage-strumenti_descrizione h2 {
  color: var(--icc-tertiary-800);
}
.home-page-territori .frontpage-strumenti_descrizione p {
  color: var(--icc-gray-600);
}

@media screen and (width > 800px) {
  .home-page-territori .frontpage-esplora_content {
    grid-template-columns: 1fr;
  }
}

.home-page-territori .territorio-che-cambia-storie {
  padding-block: var(--icc-spacing-8);
  --icc-backgroud-fullwidth: var(--icc-secondary-100);
  background-color: var(--icc-secondary-100);
}
@media screen and (width > 800px) {
  .home-page-territori .territorio-che-cambia-storie {
    padding: var(--icc-spacing-9);
  }
}
.territorio-che-cambia-storie ~ .territorio-che-cambia-storie .section-title {
  display: none;
}

.home-page-territori .frontpage-strumenti_contenuto-titolo h3 {
  color: var(--icc-tertiary-700);
}

.territori-che-cambia-archivi {
  padding-block: var(--icc-spacing-8);
}
@media screen and (width > 800px) {
  .territori-che-cambia-archivi {
    padding: var(--icc-spacing-9);
  }
}

article .territorio-intro {
  margin-block-start: var(--icc-spacing-4);
  margin-block-end: var(--icc-spacing-3);
  color: var(--icc-tertiary-950);
  font-size: var(--icc-text-md);
  font-weight: var(--icc-font-600);
}
article .territorio {
  display: flex;

  font-family: Roboto-Serif;
  font-size: var(--icc-text-md);
  margin-block-end: var(--icc-spacing-4);
}
article .territorio a {
  color: var(--icc-tertiary-950);
  text-decoration: none;
}
article .territorio .regione {
  order: 1;
  font-weight: var(--icc-font-medium);
}
article .territorio .regione:after {
  content: ">";
  padding-inline: var(--icc-spacing-2);
}
article .territorio :is(.provincia1, .provincia2, .provincia3) {
  font-weight: var(--icc-font-regular);
}
article:not(.regione-attiva) .territorio :is(.provincia2, .provincia3) {
  margin-inline: var(--icc-spacing-2);
}
article .territorio .provincia1 {
  order: 2;
}
article .territorio .provincia2 {
  order: 3;
}
article .territorio .provincia3 {
  order: 4;
}
article .territorio svg {
  display: none;
}
article.regione-attiva .territorio {
  background-color: var(--icc-secondary-100);
  padding: var(--icc-spacing-3);
  border-radius: var(--icc-spacing-3);
  display: grid;
  grid-template-areas:
    "img regione regione regione"
    "img provincia1 provincia2 provincia3";
  grid-template-columns: repeat(4, max-content);
  column-gap: var(--icc-spacing-4);
}
article.regione-attiva .territorio svg {
  grid-area: img;
  display: block;
  height: 100%;
  width: 40px;
}
article.regione-attiva .territorio svg path {
  fill: var(--icc-tertiary-700);
}
article.regione-attiva .territorio .regione {
  grid-area: regione;
}
article.regione-attiva .territorio .regione a {
  color: var(--icc-tertiary-700);
  font-size: var(--icc-text-xl);
  font-weight: var(--icc-font-bold);
}
article.regione-attiva .territorio .regione:after {
  content: "";
}
article.regione-attiva .territorio .provincia1 {
  grid-area: provincia1;
}
article.regione-attiva .territorio .provincia2 {
  grid-area: provincia2;
}
article.regione-attiva .territorio .provincia3 {
  grid-area: provincia3;
}
article.regione-attiva
  .territorio
  :is(.provincia1, .provincia2, .provincia3)
  a {
  font-size: var(--icc-text-md);
}

@media screen and (width > 900px) {
  .home-page-territori .frontpage-ultimiarticoli {
    display: grid;
    grid-template-columns: 1fr 270px;
    gap: var(--icc-spacing-7);

    .section-title {
      grid-column: 1 / -1;
    }
  }
}
.territorioAttivatiDesktop {
  display: none;
}
@media screen and (width > 900px) {
  .territorioAttivatiDesktop {
    display: block;
  }
  .territorioAttivatiMobile {
    display: none;
  }
}

.progetto-ponti {
  max-width: var(--icc-maxwidth-single);
  margin-inline: auto;
}
.territorioAttivati {
  container-type: inline-size;
  container-name: territori-attivati;
  hr {
    display: none;
  }
}
@container territori-attivati (width > 900px) {
  .territori-attivati {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    row-gap: var(--icc-spacing-6);
    column-gap: var(--icc-spacing-7);

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

/*! TOGETHER*/
header.menu-territori-main.together {
  background-color: #9ad7ee;

  .menu-territori-main_regione_titolo {
    display: none;
  }
}

.home-page-territori.together {
  .frontpage-ultimiarticoli {
    grid-template-columns: 1fr;
  }
  .frontpage-esplora {
    background-color: #9ad7ee;
    --icc-backgroud-fullwidth: #9ad7ee;

    a.icc-btn:before {
      background-image: url("https://www.italiachecambia.org/wp-content/uploads/2025/04/logo_federazioni_cooperative.png");
      background-size: 16px 16px;
      display: inline-block;
      width: 16px;
      height: 16px;
      content: "";
    }
  }

  :is(.territorioAttivatiDesktop, .territorioAttivatiMobile) {
    display: none;
  }
}
.territorioAttivati.together {
  display: none;
}

.together .menu-territori-main_collaborazione {
  grid-template-columns: 1fr;

  .widget_media_image img {
    max-width: 60% !important;
    max-height: none !important;
  }
}

@media screen and (width < 600px) {
  .together .menu-territori-main_regione_nome img {
    max-width: 50%;
    display: block;
    margin-inline: auto;
  }
  .together .menu-territori-main_collaborazione .widget_media_image img {
    max-width: 75% !important;
    display: block;
    margin-inline: auto;
    height: auto;
  }
}