/*--------------------------------------------------------------
# Stili Generali per la Sezione FAQ del Plugin
--------------------------------------------------------------*/
.sfp-plugin-styled-faq-section {
    background-color: #ffffff; /* Sfondo bianco */
    color: #333333;            /* Colore testo predefinito scuro (non nero puro) */
    padding: 25px 30px;        /* Padding interno (verticale, orizzontale) */
    margin-top: 30px;          /* Spazio dall'elemento sovrastante */
    margin-bottom: 30px;       /* Spazio dall'elemento sottostante */
    border-radius: 6px;        /* Angoli arrotondati */
    box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* Ombra più definita */
    border: 1px solid #e9e9e9; /* Bordo leggero */
    box-sizing: border-box;    /* Per includere padding e border nella larghezza/altezza totale */
}

/* Lista interna delle FAQ */
.sfp-plugin-styled-faq-section .sfp-faq-list {
    margin-top: 0; /* Rimuovi il margine se il contenitore ha già padding */
    margin-bottom: 0;
}

/* Singolo item FAQ (Domanda + Risposta) */
.sfp-plugin-styled-faq-section .sfp-faq-item-display {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #000000; /* Separatore più marcato: spessore 2px e colore più scuro */
}

.sfp-plugin-styled-faq-section .sfp-faq-item-display:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; /* Nessun bordo per l'ultimo item */
}

/* Titolo della Domanda FAQ */
.sfp-plugin-styled-faq-section .sfp-faq-question-display {
    color: #000000 !important; /* Nero puro con !important per sovrascrivere qualsiasi tema */
    /* Se vuoi usare le variabili del tuo tema precedente, dovresti definirle in modo che siano accessibili
       o duplicare il valore qui. Per indipendenza, è meglio specificare il colore. */
    font-size: 1.4em; /* Leggermente più grande */
    font-weight: 600;   /* Semi-bold */
    margin-top: 0;
    /* margin-bottom: 12px; -- Modificato per il nuovo layout */
    line-height: 1.3;
    position: relative; /* Per posizionare l'icona ::before */
    padding-left: 30px; /* Spazio per l'icona (16px icona + 14px margine) */
    padding-bottom: 12px; /* Spazio sotto il testo prima del bordo */
    margin-bottom: 12px; /* Spazio dopo il bordo, prima della risposta */
    border-bottom: 1px dashed #cccccc; /* Divisore tra domanda e risposta */
}

.sfp-plugin-styled-faq-section .sfp-faq-question-display::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em; /* Regolazione fine per allineamento verticale con il testo */
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234A00E0' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.475 5.458c.284-.464.751-.822 1.334-.972.582-.15 1.241-.127 1.83.084.588.212 1.083.563 1.463.99.38.428.638.94.737 1.498.1.557.032 1.154-.212 1.71-.244.556-.635 1.072-1.138 1.473-.503.401-1.08.703-1.725.862-.645.16-1.326.147-1.978-.04-1.017-.293-1.803-.997-2.231-1.894a4.75 4.75 0 0 1-.162-2.24c.09-.732.36-1.414.776-1.96'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.116 14.012a.5.5 0 0 1 .447-.276h1.095c.453 0 .816.395.816.866 0 .471-.363.866-.816.866H7.563a.5.5 0 0 1-.447-.276l-.211-.412z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Contenuto della Risposta FAQ */
.sfp-plugin-styled-faq-section .sfp-faq-answer-display {
    font-size: 1em;
    line-height: 1.65; /* Interlinea leggermente maggiore per leggibilità */
    color: #555555; /* Grigio scuro per il testo della risposta */
    position: relative; /* Per posizionare l'icona ::before */
    padding-left: 30px; /* Spazio per l'icona (16px icona + 14px margine) */
    margin-top: 12px; /* Spazio sopra la risposta, dopo il divisore della domanda */
}

.sfp-plugin-styled-faq-section .sfp-faq-answer-display::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.3em; /* Regolazione fine per allineamento verticale con il testo */
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23555555' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Eventuali altri stili specifici che vuoi aggiungere per il plugin */

/* Esempio per un semplice accordion (se decidi di implementarlo in futuro)
   Questo è solo un placeholder, l'HTML dovrebbe cambiare per usare <details> e <summary>
.sfp-plugin-styled-faq-section .sfp-faq-item-display details summary {
    font-weight: bold;
    cursor: pointer;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    margin-bottom: 5px;
    color: #4A00E0;
}
.sfp-plugin-styled-faq-section .sfp-faq-item-display details[open] summary {
    background-color: #f0f0f0;
}
.sfp-plugin-styled-faq-section .sfp-faq-item-display details .sfp-faq-answer-display {
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
    background-color: #fff;
}
*/