/* accordion */
/* Nascondi la freccia di default */
details summary::-webkit-details-marker {
    display: none;
}
  
/* Stile per quando <details> è aperto */
details[open] {
background-color: #ECFCE6; /* colore di sfondo quando è aperto */
}

summary {
    cursor: pointer;
    position: relative;
}

/* Frecce custom */
summary::after {
    content: ''; /* Carattere che indica un elemento chiuso */
    position: absolute;
    right: 5px;
    top: 40%;
    width: 30px;
    height: 15px;
    background-image: url('/static/core/img/apertura-armonium.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
  
details[open] summary::after {
    content: '';
    background-image: url('/static/core/img/chiusura-armonium.svg')
}