/* Forza il colore dell'icona utente */
.elementor-element-92d7bb8 .elementor-icon i {
    color: #000000 !important;
    opacity: 1 !important;
}

/* 1. Permette al contenitore H5 di crescere in altezza e centra l'icona */
.pxl-accordion .pxl-item--title {
    height: auto !important;
    min-height: 60px; /* Opzionale: mantiene un'altezza minima per estetica */
    white-space: normal !important;
    align-items: flex-start !important; /* Allinea testo e icona in alto. Cambia in 'center' se preferisci l'icona in mezzo */
    padding-top: 15px; /* Aggiusta il padding se necessario */
    padding-bottom: 15px;
}

/* 2. Dà al testo lo spazio per espandersi senza spingere l'icona fuori */
.pxl-accordion .pxl-content {
    flex: 1 1 auto !important; 
    min-width: 0 !important; /* Fix cruciale per Flexbox: permette al testo di andare a capo */
    white-space: normal !important;
    overflow: visible !important;
    padding-right: 20px; /* Distanzia il testo dall'icona (+) */
}

/* 3. Disabilita qualsiasi troncamento (ellipsis o line-clamp) sul testo */
.pxl-accordion .pxl-title--text {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
    word-wrap: break-word !important; 
    -webkit-line-clamp: unset !important; /* Rimuove il limite di righe dei browser WebKit */
    line-height: 1.4 !important; /* Migliora la leggibilità su più righe */
}