/*
 * ============================================================
 * BUSINESS / ZAKELIJK — GLOBAL
 * ============================================================
 *
 * Rechte geometrie.
 * Compacte informatie.
 * Corporate.
 * Geen typography.
 * Desktop / tablet landscape.
 * ============================================================
 */

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

body.pb-layout-pack-business {

    --pb-business-line:
        color-mix(
            in srgb,
            var(--vokk-primary) 12%,
            #cfd6df
        );

    --pb-business-line-strong:
        color-mix(
            in srgb,
            var(--vokk-primary) 22%,
            #b8c0cb
        );

    --pb-business-soft:
        color-mix(
            in srgb,
            var(--vokk-primary) 3%,
            #f5f7fa
        );

    --pb-business-soft-2:
        color-mix(
            in srgb,
            var(--vokk-primary) 6%,
            #f3f5f8
        );

    --pb-business-dark:
        var(--vokk-dark);

    --pb-business-darker:
        var(--vokk-darker);
}


/*
 * Zakelijke content-as:
 * strak en niet extreem breed.
 */

body.pb-layout-pack-business
:is(
    .vokk-services-container,
    .vokk-about-container,
    .vokk-projects-container,
    .vokk-reviews-container,
    .vokk-contact-container,
    .vokk-detail-container
) {
    max-width:
        1280px !important;
}


/*
 * Business = geen zwevende shadows.
 */

body.pb-layout-pack-business
:is(
    .vokk-service-benefit,
    .vokk-about-value,
    .vokk-project-card,
    .vokk-review-card,
    .vokk-contact-reassurance-item,
    .vokk-detail-benefit,
    .vokk-detail-step,
    .vokk-detail-faq-item,
    .vokk-contact-faq-item
) {
    box-shadow:
        none !important;
}

}