/* ============================================================
 * Wonderbox FAQ — Frontend Styles
 * ============================================================ */

.wbfaq-container {
    margin: 2em 0;
}

/* FAQ Item */
.wbfaq-item {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #eaeaea;
}

.wbfaq-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Question */
.wbfaq-question {
    font-weight: 600;
    margin: 0 0 0.6em 0;
    color: #1a1a1a;
    line-height: 1.4;
}

/* Answer */
.wbfaq-answer {
    color: #333;
    line-height: 1.7;
}

.wbfaq-answer > *:first-child {
    margin-top: 0;
}

.wbfaq-answer > *:last-child {
    margin-bottom: 0;
}

/* Lists */
.wbfaq-answer ul,
.wbfaq-answer ol {
    margin: 0.5em 0 0.5em 1.6em;
    padding: 0;
}

.wbfaq-answer ul { list-style-type: disc; }
.wbfaq-answer ol { list-style-type: decimal; }

.wbfaq-answer ul ul { list-style-type: circle; }
.wbfaq-answer ul ul ul { list-style-type: square; }
.wbfaq-answer ol ol { list-style-type: lower-alpha; }

.wbfaq-answer li {
    display: list-item;
    margin-bottom: 0.25em;
    line-height: 1.6;
}

/* Images inside answers */
.wbfaq-answer img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 0.5em 0;
}

/* Tables */
.wbfaq-answer table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5em 0;
}

.wbfaq-answer th,
.wbfaq-answer td {
    border: 1px solid #ddd;
    padding: 8px 12px;
    text-align: left;
}

.wbfaq-answer th {
    background: #f5f5f5;
    font-weight: 600;
}