/*------------------------------------------------------- */
/* Accordion */
/*------------------------------------------------------- */

.accordion h3{position: relative;padding-right: 30px;margin-bottom: 15px;cursor:pointer}
.accordion h3:after{
  width: 30px;height: 30px;position: absolute; top:0; right:0;content: ' '; background-image: url('data:image/svg+xml;utf8,<svg width="80px" height="80px" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
  transform: rotate(90deg);
  background-size:100%;
}
.accordion .wp-block-column .wp-block-group {padding: 0;max-height: 0;overflow:hidden; transition: all 0.2s ease-in-out;margin-bottom: 20px;}
.accordion .wp-block-column .wp-block-group.open-accordion{max-height:100%;padding-bottom: 15px;}



/* ------------------------------------------------------------------------- *
/* Tabs */
/* ------------------------------------------------------------------------- */

.tabs-header .wp-block-column {
  cursor: pointer;
  text-align: center;
}

.tabs-header .wp-block-column:hover {
  background-color: #f0f0f0;
  border-radius: 10px;
}
.tabs-header .wp-block-column.active h3 {
  font-weight: bold;
  background-color: #ffffff;
  border-radius: 10px;
  text-align: center;
}

.tab-content {
  max-height: 0; /* Altezza iniziale a zero */
  overflow: hidden; /* Nasconde il contenuto eccedente */
  transition: opacity 0.7s ease; /* Effetto di transizione */
  opacity: 0; /* Contenuto invisibile all'inizio */
}

.tab-content.active {
  max-height: 100%; /* Imposta un'altezza massima sufficiente per il contenuto (regolare se necessario) */
  opacity: 1; /* Rende il contenuto visibile */
}