/*
 * ============================================================
 * PREMIUM — WAARDERING
 * ============================================================
 */

@media screen and (min-width: 969px) {

body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-summary {
    padding: 95px 0 80px !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-summary-grid {
    display: grid !important;

    grid-template-columns:
        .7fr
        1.3fr !important;

    gap: 70px !important;

    align-items: center !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-score {
    padding: 0 50px 0 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    border-right:
        1px solid var(--pb-premium-line) !important;

    box-shadow: none !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-list {
    padding: 20px 0 100px !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-grid {
    display: grid !important;

    grid-template-columns:
        1fr !important;

    gap: 0 !important;

    border-top:
        1px solid var(--pb-premium-line) !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-review-card {
    padding: 42px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    border-bottom:
        1px solid var(--pb-premium-line) !important;

    box-shadow: none !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-review-card-footer {
    margin-top: 24px !important;

    padding-top: 18px !important;

    border-top:
        1px solid
        color-mix(
            in srgb,
            var(--vokk-primary) 10%,
            transparent
        ) !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-trust {
    padding: 80px 0 !important;

    background:
        var(--pb-premium-dark) !important;

    color: #fff !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-trust-grid {
    display: grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap: 0 !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-trust-item {
    padding: 30px 34px !important;

    border: 0 !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-trust-item + .vokk-reviews-trust-item {
    border-left:
        1px solid rgba(255,255,255,.12) !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-wordpress-ready {
    padding: 100px 0 !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-wordpress-box {
    display: grid !important;

    grid-template-columns:
        1.2fr
        .8fr !important;

    gap: 70px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


body.pb-layout-pack-premium.pb-template-page-waardering
.vokk-reviews-wordpress-list {
    border-left:
        1px solid var(--pb-premium-line) !important;

    padding-left: 50px !important;
}

}

/* PB PREMIUM WAARDERING POLISH START */

@media screen and (min-width: 969px) {

    /*
     * ========================================================
     * 1. WAARDERING SUMMARY — MEDIUM + LIGHT CONTRAST
     * ========================================================
     */

    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-summary {
        color: rgba(255,255,255,.88) !important;
    }

    /*
     * Grote cijfers / scores.
     */
    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-summary
    :is(
        strong,
        b,
        .vokk-reviews-score-number,
        .vokk-reviews-summary-number
    ) {
        color: #ffffff !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    /*
     * Kleine labels onder cijfers.
     */
    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-summary
    :is(
        p,
        small,
        span
    ) {
        color: rgba(255,255,255,.72) !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }


    /*
     * ========================================================
     * 2. WAARDERING CTA — MEER ADEMruimte
     * ========================================================
     */

    body.pb-layout-pack-premium.pb-template-page-waardering
    .vokk-reviews-cta {
        padding-top: 80px !important;
    }

    /*
     * Indien de CTA-box direct tegen vorige content gedrukt wordt,
     * extra ruimte vóór het box-element.
     */
    body.pb-layout-pack-premium.pb-template-page-waardering
    .vokk-reviews-cta-box {
        margin-top: 18px !important;
    }

}

/* PB PREMIUM WAARDERING POLISH END */

/* PB PREMIUM WAARDERING CONTRAST REPAIR START */

@media screen and (min-width: 969px) {

    /*
     * ========================================================
     * PREMIUM + MEDIUM/LIGHT
     * Alleen Waardering.
     * Dark niet raken.
     * ========================================================
     */


    /*
     * 1. LICHTE SUMMARY BOVENAAN
     *
     * Hier moet donkere tekst op lichte achtergrond staan.
     */

    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-summary {
        color: var(--pb-text) !important;
    }

    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-summary
    :is(
        h2,
        h3,
        h4,
        .vokk-reviews-score-number
    ) {
        color: var(--pb-text) !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-summary
    p {
        color: var(--pb-muted) !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-summary
    small {
        color: var(--pb-muted) !important;
        opacity: 1 !important;
    }

    /*
     * Eyebrow / kleine titel mag accent blijven,
     * maar wel voldoende sterk.
     */
    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-summary
    :is(
        .vokk-reviews-small-title,
        .vokk-reviews-eyebrow
    ) {
        color: var(--pb-primary) !important;
        opacity: 1 !important;
    }


    /*
     * 2. DONKERE STATISTIEKENBALK
     *
     * 0,0/5 | 0 | 0% | 10+
     */

    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-trust {
        color: #ffffff !important;
    }

    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-trust-item
    :is(
        strong,
        b,
        .vokk-reviews-score-number,
        .vokk-reviews-trust-number
    ) {
        color: #ffffff !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-trust-item
    :is(
        p,
        small,
        span
    ) {
        color: rgba(255,255,255,.76) !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    /*
     * Verticale scheidingen subtiel houden.
     */
    html body.pb-layout-pack-premium.pb-mode-medium:not(.pb-mode-dark)
    .vokk-reviews-trust-item + .vokk-reviews-trust-item {
        border-left-color: rgba(255,255,255,.14) !important;
    }

}

/* PB PREMIUM WAARDERING CONTRAST REPAIR END */