/**
 * Stili per il blocco PRO Contenuto Espandibile
 * Versione 1.0.0 (Corretto con selettori specifici per il blocco)
 */

/* Rende gli stili dipendenti dalla classe del blocco per evitare conflitti globali */
.wp-block-espandibile-pro-menu-box { 
    margin: 15px 0;
    border-radius: 4px;
    border: 1px solid #cccccc; /* Base per il bordo */
}

/* Stile per il Titolo (summary) */
.wp-block-espandibile-pro-menu-box summary {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    font-weight: bold;
    background-color: #e9e9e9;
    list-style: none; /* Rimuove l'indicatore nativo del browser */
}

/* Stili per l'Animazione Fluida (Il contenuto espandibile) */
.wp-block-espandibile-pro-menu-box .espandibile-pro-content {
    overflow: hidden; 
    max-height: 0;
    padding: 0 15px; 
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}

/* Quando l'attributo 'open' è presente (Blocco Aperto) */
.wp-block-espandibile-pro-menu-box[open] .espandibile-pro-content {
    max-height: 1000px; /* Valore alto per animazione */
    padding: 15px; 
}