/* Contenitore principale */
.olg-accordion-block {
    margin: 1em 0;
}

/* Rimuoviamo eventuali bordi o background predefiniti sul singolo item */
.olg-c-accordion__item {
    margin: 0;
    border: none;
    overflow: hidden; /* Necessario per la transizione con max-height */
}

/* Titolo dell'accordion:
   - Nessun background
   - Bordo inferiore per la linea orizzontale
   - Simbolo +/– a destra */
.olg-c-accordion__title {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0.1em 0;
    font-weight: bold;
    border-bottom: 1px solid #ccc; /* linea orizzontale */
}

/* Pseudo-elemento per l'icona + */
.olg-c-accordion__title::after {
    content: '+';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    margin-right: 1em; /* distanza dal bordo destro */
}

/* Quando l'item è aperto, il simbolo diventa – */
.olg-accordion-item.is-open .olg-c-accordion__title::after {
    content: '-';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.6em;
    margin-right: 0.8em; /* distanza dal bordo destro */
}

/* Contenuto dell'accordion con transizione */
.olg-c-accordion__content {
    /*border-bottom: 1px solid #ccc;  linea di separazione tra gli item */
    padding: 0.1em 0;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 2s ease, opacity 2s ease;
}

.olg-c-accordion__content p {
	margin-bottom: 0.1em !important;
}

/* Quando l'item è aperto, il contenuto appare lentamente */
.olg-accordion-item.is-open .olg-c-accordion__content {
    max-height: 1000px; /* valore grande per contenuti lunghi */
    opacity: 1;
}


/* Regola per la chiusura: transizione veloce */
.olg-accordion-item.closing .olg-c-accordion__content {
    transition: max-height 0.2s ease, opacity 0.5s ease;
}
