/* kordit/faq-item — editor-only chrome (placeholders, focus rings).
   Wizualne style wsp\xF3lne z frontem siedz\xB1 w blocks/faq/style.scss. */

.wp-block-kordit-faq-item {
    /* Editor podglad: pokaz oba pola jako edytowalne karty. Front
       renderuje accordion (render.php), ale w edytorze pytanie i
       odpowiedz musza byc zawsze widoczne i klikalne — inaczej user
       nie moze edytowac odpowiedzi. */
    display: block;
    padding: 18px 24px;

    .kordit-faq-item__question {
        font-family: var(--wp--preset--font-family--heading);
        font-weight: 700;
        font-size: clamp(16px, 1.6vw, 18px);
        line-height: 1.35;
        color: var(--wp--preset--color--primary, #0a1628);
    }

    /* Odpowiedz — zawsze widoczna jako edytowalny blok pod pytaniem.
       min-height + tlo zeby puste pole bylo klikalne. */
    .kordit-faq-item__answer {
        display: block;
        min-height: 2.5em;
        margin-top: 10px;
        padding: 10px 14px;
        border-radius: 8px;
        background: rgba(10, 22, 40, 0.03);
        color: var(--wp--preset--color--ink-3, #4a5568);
        font-size: 15px;
        line-height: 1.55;
    }

    .kordit-faq-item__question[data-rich-text-placeholder]::before,
    .kordit-faq-item__answer[data-rich-text-placeholder]::before {
        color: rgba(10, 22, 40, 0.4);
        font-style: italic;
    }
}