/**
 * Quizt FBT Bundle Toggle Functional Styles
 * Migrated from Post 7386 & 11259 _wpb_post_custom_css
 */

.woobt-qty-num {
    display: none;
}

.woobt-additional.woobt-text {
    display: none !important;
}

/* Toggle-balk boven het bundelblok */
.quizt-fbt-toggle {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    padding: 10px 12px;
    margin-bottom: 20px;
    border-radius: 8px;
    background: #fff7eb;
    border: 1px solid #ffd9a3;
    font-size: 14px;
    line-height: 1.4;
    user-select: none;
}

.quizt-fbt-toggle-icon i {
    display: inline-block;
    transition: transform 0.15s ease-out;
    margin-top: 2px;
}

.quizt-fbt-toggle-icon i:empty::before {
    content: "▶";
    font-size: 10px;
    font-style: normal;
}

.quizt-fbt-toggle-text {
    font-weight: 600;
}

.quizt-fbt-toggle-text small {
    display: block;
    font-weight: 400;
    font-size: 12px;
    opacity: 0.9;
}

/* Pijl draaien als open */
.quizt-fbt-toggle.is-open .quizt-fbt-toggle-icon i {
    transform: rotate(90deg);
}

/* Extra tekst direct onder de toggle: standaard verborgen */
.quizt-fbt-extra-text {
    display: none;
    font-size: 15px;
    margin: 6px 0 8px;
}

/* BUNDEL BLOK standaard verbergen: structuur = TOGGLE + EXTRA + WOOBT */
.quizt-fbt-toggle + .quizt-fbt-extra-text + .woobt-wrap {
    display: none;
}

/* Als toggle open is -> tekst + bundels zichtbaar */
.quizt-fbt-toggle.is-open + .quizt-fbt-extra-text {
    display: block;
}

.quizt-fbt-toggle.is-open + .quizt-fbt-extra-text + .woobt-wrap {
    display: block;
}

/* Mobiele styling voor WPC Frequently Bought Together */
@media only screen and (max-width: 767px) {
    /* Forceer rij-opbouw i.p.v. column */
    .woobt-wrap-responsive .woobt-products .woobt-product {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        align-items: flex-start;
        text-align: left !important;
        padding: 8px 0 !important;
    }

    /* Algemene child-styling */
    .woobt-wrap-responsive .woobt-products .woobt-product > div {
        padding: 2px 0 !important;
        width: auto !important;
        flex-basis: auto !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    /* Checkbox-blok links */
    .woobt-wrap-responsive .woobt-products .woobt-product .woobt-choose {
        order: 0;
        flex: 0 0 auto;
        margin-right: 8px;
    }

    /* Titel naast de checkbox, vult de rest van de regel */
    .woobt-wrap-responsive .woobt-products .woobt-product .woobt-title {
        order: 1;
        flex: 1 1 auto;
        margin: 0;
    }

    /* Prijs op de volgende regel, volledige breedte, links */
    .woobt-wrap-responsive .woobt-products .woobt-product .woobt-price {
        order: 2;
        flex: 0 0 100%;
        margin-top: 2px;
        text-align: left !important;
    }
}