/*
 * ============================================================
 * VOKK PREMIUM — GLOBAL
 * ============================================================
 * Alleen desktop / tablet landscape.
 * Geen hero selectors.
 * Geen typography.
 * ============================================================
 */

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

body.pb-layout-pack-premium {
    --pb-premium-line:
        color-mix(
            in srgb,
            var(--vokk-primary) 15%,
            rgba(15,23,42,.10)
        );

    --pb-premium-soft:
        color-mix(
            in srgb,
            var(--vokk-primary) 4%,
            #ffffff
        );

    --pb-premium-soft-2:
        color-mix(
            in srgb,
            var(--vokk-primary) 8%,
            #ffffff
        );

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

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


/* Brede secties krijgen meer rust */

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


/* Geen kaart-schaduwen als basis in Premium */

body.pb-layout-pack-premium
: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;
}

}