/*
 * ============================================================
 * PREMIUM CTA PACK-LAAG
 * CTA B blijft basis.
 * ============================================================
 */

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

body.pb-layout-pack-premium.pb-cta-variant-b
:is(
    .vokk-services-cta-box,
    .vokk-about-cta-box,
    .vokk-projects-cta-box,
    .vokk-reviews-cta-box,
    .vokk-detail-cta-box
) {
    border-radius: 0 !important;

    border-left:
        4px solid
        var(--vokk-primary) !important;

    background:
        linear-gradient(
            120deg,
            var(--vokk-darker),
            var(--vokk-dark)
        ) !important;

    box-shadow: none !important;
}

}

/* ============================================================
 * VOKK CTA DARK CONTRAST CONTRACT
 * Donkere CTA-oppervlakken moeten altijd lichte copy houden.
 * Geen typografie/layout wijzigingen.
 * ============================================================ */

body.pb-cta-variant-b
:is(
    .vokk-services-cta-box,
    .vokk-about-cta-box,
    .vokk-projects-cta-box,
    .vokk-reviews-cta-box,
    .vokk-detail-cta-box
)
:is(h2, h3, h4) {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.pb-cta-variant-b
:is(
    .vokk-services-cta-box,
    .vokk-about-cta-box,
    .vokk-projects-cta-box,
    .vokk-reviews-cta-box,
    .vokk-detail-cta-box
) p {
    color: rgba(255,255,255,.82) !important;
    opacity: 1 !important;
    visibility: visible !important;
}