.wp-block-button .wp-block-button__link {
  transition: 0.2s ease-out background-color;
}

.wp-block-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--custom-blu-chiaro-3);
}

.wp-block-button.is-style-outline .wp-block-button__link{
  transition: 0.2s ease-out font-weight;
}

.wp-block-button.is-style-outline {

  .wp-block-button__link {
    text-decoration: none;
    font-weight: 400;
    background-color: transparent !important;
    padding: 0;
  }

  .wp-block-button__link:focus {
    outline: none !important;
    text-decoration: underline;
  }
}

.wp-block-button.is-style-outline a::after {
  content: "\2192";
  display: inline-block;
	margin-left: 0.6rem;
	transform: translateX(0) !important;
	transition: 0.2s ease-out ;
}

.wp-block-button.is-style-outline a:hover::after {
  transform: translateX(30%) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: transparent !important;
  opacity: 0.8;
}

body.page-template-page-no-title main {
	margin-top: 3rem !important;
}


.age-hero {
  position: relative;

  .wp-block-cover__inner-container {
    z-index: 2;
  }

  &::after {
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(45deg, #ffffff, #ffffff00);
    height: 100%;
    width: 100%;
    z-index: 1;
    left: 0;
    bottom: 0;
  }
}


/*------------------------------------*\
	CARD
\*------------------------------------*/

.age-block-cards {
  --card-background-color: var(--wp--preset--color--custom-blu-chiaro-2);
  --card-text-color: var(--wp--preset--color--custom-blu-chiaro-6);

  .generico {
    --card-background-color: var(--wp--preset--color--custom-blu-chiaro-2);
    --card-text-color: var(--wp--preset--color--custom-blu-chiaro-6);
  }
  
  .datori {
    --card-background-color: var(--wp--preset--color--contrast);
    --card-text-color: var(--wp--preset--color--base);
  }

  .lavoratori {
    --card-background-color: var(--wp--preset--color--contrast-2);
    --card-text-color: var(--wp--preset--color--base);
  }

  @media screen and (max-width: 768px) {
    --wp--preset--spacing--30: 2rem;
		--wp--preset--spacing--20: 1.5rem;
  }

  a.tipologia + a.sep::before {
    content: ' - ';
    display: inline;
  }

  .sep:first-child {
		display: none;
	}

  .ente, .tipologia {
    display: inline-block;
    font-family: var(--wp--preset--font-family--poppins);
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: var(--wp--preset--font-size--small);
    margin-bottom: var(--wp--preset--spacing--10);
  }

  p {
    font-family: var(--wp--preset--font-family--poppins);
  }
}

.age-contenuti .wp-block-buttons.archivio {
  margin-top: 2rem;
}

.age-block-columns-lista {

  .wp-block-columns {
    border-top: 1px solid var(--wp--preset--color--base);
    padding: 1.5rem 0;

    &:last-child {
      border-bottom: 1px solid var(--wp--preset--color--base);
    }
  }

  .wp-block-heading {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem;
  }

  .wp-block-heading.description {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-style: normal;
    font-weight: 400
  }

  .wp-block-column.title {
    flex-basis: 66.66%;
    border-left: 0.3rem solid var(--card-background-color);
		padding-left: 1.5rem;
		width: calc(100% + 1.5rem);
		transform: translateX(calc(-1.5rem - 0.3rem));
  }

  .wp-block-column.button {
    flex-basis: 33.33%;
    display: flex;
	  justify-content: flex-end;
  }

  .wp-block-buttons {
    gap: 0.5rem 1.2rem;
    align-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
    
    .wp-block-button__link {
      color: var(--wp--preset--color--base)
    }
  }
}

.age-block-columns-card {
  column-count: 3;
  column-gap: var(--wp--preset--spacing--30);
  row-gap: var(--wp--preset--spacing--30);

  @media screen and (max-width: 1024px) {
    column-count: 2;
  }

  @media screen and (max-width: 768px) {
    column-count: 1;
  }

  * {
    color: var(--card-text-color) !important;
  }

  .age-block-column {
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: var(--wp--preset--spacing--30);
    break-inside: avoid;

    border-radius: 20px;
    overflow: hidden;
    background-color: var(--card-background-color);

    figure {
      margin-bottom: 0;
      aspect-ratio: 3 / 2;

      img {
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
    }

    .wp-block-buttons {

      .wp-block-button {
      	margin-right: 1rem;
      }
    }

    .wp-block-button__link:hover {
      color: var(--card-text-color) !important;
      opacity: 0.8;
    }

    .wp-block-image + .wp-block-group {
      margin-top: var(--wp--preset--spacing--10);
    }

    .wp-block-heading + .wp-block-buttons {
      margin-top: 1rem;
    }

    .wp-block-group {
      margin-top: var(--wp--preset--spacing--20);
      border-radius: 0;
      padding: var(--wp--preset--spacing--30);
      padding-top: var(--wp--preset--spacing--10);

      h5 {
        margin-top: 0;
        margin-bottom: 0;
      }
    }
  }
}



/*------------------------------------*\
	BLOCK TIPOLOGIE
\*------------------------------------*/

.age-block-tipologie {
  display: flex;
  flex-wrap: wrap !important;
  gap: var(--wp--preset--spacing--30);
  
  * {
    text-decoration: none !important;
  }

  .age-block-tipologia {
    flex: 1 1 calc(33.33% - ( 4 * var(--wp--preset--spacing--20) ));
    padding: var(--wp--preset--spacing--20);
    border: 0.3rem solid var(--wp--preset--color--base);
    border-radius: 20px;
    transition: 0.2s ease-out background-color;

    &:hover {
      background-color: var(--wp--preset--color--custom-blu-chiaro-6);

      h5 {
        transform: translateX( 1rem );
      }
    }

    h5 {
      margin: 0.5rem 0;
      transition: 0.2s ease-out transform;
      transform: translateX( 0 );
    }
  }

  @media (max-width: 768px) {
    .age-block-tipologia {
      flex-basis: calc(50% - 10px); /* Su schermi medi, 2 colonne */
    }
  }
}