/* kordit/faq — editor-only chrome. */

.wp-block-kordit-faq {
    .kordit-faq__toolbar {
        margin-top: var(--wp--preset--spacing--md, 24px);
        display: flex;
        justify-content: flex-start;
    }

    .kordit-faq__add-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 18px;
        font-family: var(--wp--preset--font-family--body);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--wp--preset--color--primary, #0a1628);
        background: transparent;
        border: 1.5px dashed rgba(10, 22, 40, 0.25);
        border-radius: 999px;
        cursor: pointer;
        transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;

        span[aria-hidden="true"] {
            font-size: 18px;
            line-height: 1;
            color: var(--wp--preset--color--accent-2, #dc2626);
        }

        &:hover {
            background: rgba(220, 38, 38, 0.06);
            border-color: var(--wp--preset--color--accent-2, #dc2626);
            color: var(--wp--preset--color--accent-2, #dc2626);

            span[aria-hidden="true"] {
                color: inherit;
            }
        }
    }
}