/* WooCommerce Product FAQ — Frontend Accordion */

.wc-product-faq-section {
    margin: 2em 0;
    max-width: 600px;
}

.wc-product-faq-title {
    font-size: 1.5em;
    margin-bottom: .8em;
}

.wc-product-faq-accordion {
    /* geen border-top: eerste item heeft border-bottom */
}

/* ─── Item ──────────────────────────────────────────────────────────────── */
.wc-faq-item {
    border-bottom: 1px solid #e0e0e0;
}

/* ─── Question button ───────────────────────────────────────────────────── */
.wc-faq-question {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    width:           100%;
    background:      none;
    border:          none;
    padding:         16px 0;
    cursor:          pointer;
    font-size:       .95rem;
    font-weight:     400;
    color:           #333;
    text-align:      left;
    gap:             16px;
    transition:      color .15s;
}

.wc-faq-question:hover {
    color: #000;
}

/* ─── Chevron icon ───────────────────────────────────────────────────────── */
.wc-faq-icon {
    flex-shrink: 0;
    color:       #333;
    transition:  transform .25s ease;
    line-height: 1;
}

.wc-faq-question[aria-expanded="true"] .wc-faq-icon {
    transform: rotate(180deg);
}

/* ─── Answer ────────────────────────────────────────────────────────────── */
.wc-faq-answer {
    max-height: 0;
    overflow:   hidden;
    transition: max-height .3s ease;
}

.wc-faq-answer-inner {
    padding:     0 0 16px;
    font-size:   .9rem;
    line-height: 1.65;
    color:       #555;
}

.wc-faq-answer-inner p:first-child { margin-top: 0; }
.wc-faq-answer-inner p:last-child  { margin-bottom: 0; }