/* VDB Visuals — Hero Image Manager 1.0 */
:root { --vdb-visual-viewport-height: 100vh; }
@supports (height:100svh) { :root { --vdb-visual-viewport-height:100svh; } }
@supports (height:100dvh) { :root { --vdb-visual-viewport-height:100dvh; } }

.vdb-hero-frame {
    position:relative !important;
    isolation:isolate;
    overflow:hidden !important;
    height:var(--vdb-hero-height,890px) !important;
    min-height:var(--vdb-hero-height,890px) !important;
    max-height:var(--vdb-hero-height,890px) !important;
    background:#17181d;
}
.vdb-hero-frame--full {
    height:var(--vdb-visual-viewport-height,100dvh) !important;
    min-height:var(--vdb-visual-viewport-height,100dvh) !important;
    max-height:var(--vdb-visual-viewport-height,100dvh) !important;
}
.vdb-hero-frame .vdb-hero-media,
.vdb-hero-frame .vdb-hero-custom-overlay { position:absolute; inset:0; pointer-events:none; }
.vdb-hero-frame .vdb-hero-media { z-index:0; overflow:hidden; background:#17181d; }
.vdb-hero-frame .vdb-hero-media img {
    width:100%; height:100%; display:block; object-fit:cover;
    object-position:var(--vdb-hero-focus-x,50%) var(--vdb-hero-focus-y,50%);
    transform:scale(var(--vdb-hero-zoom,1));
    transform-origin:var(--vdb-hero-focus-x,50%) var(--vdb-hero-focus-y,50%);
    will-change:transform;
}
.vdb-hero-frame .vdb-hero-custom-overlay {
    z-index:1; background:var(--vdb-hero-overlay-color,#000);
    opacity:var(--vdb-hero-overlay-opacity,0);
}
/* Behoud het bestaande VDB-gradient, maar plaats het correct boven het beeld. */
.vdb-hero-frame.hero-overly::before { z-index:1 !important; pointer-events:none; }
.vdb-hero-frame > .slide-center-wrap { z-index:3 !important; width:min(100%,var(--vdb-hero-content-max-width,800px)); }
.vdb-hero-frame.vdb-hero-align-left > .slide-center-wrap { margin-right:auto; margin-left:clamp(22px,6vw,90px); text-align:left !important; }
.vdb-hero-frame.vdb-hero-align-center > .slide-center-wrap { margin-inline:auto; text-align:center !important; }
.vdb-hero-frame.vdb-hero-align-right > .slide-center-wrap { margin-left:auto; margin-right:clamp(22px,6vw,90px); text-align:right !important; }
.vdb-hero-frame .slide-center-text,
.vdb-hero-frame .slide-first-letter { color:var(--vdb-hero-text-color,#fff) !important; }
.vdb-hero-frame .slide-signature { color:var(--vdb-hero-signature-color,#f6d5b9) !important; }
.vdb-managed-hero .slider-caption2 { z-index:4; }
.vdb-managed-hero .slide-content2 h4,
.vdb-managed-hero .slide-content2 h4 dd,
.vdb-managed-hero .slide-content2 h4 span,
.vdb-managed-hero .slide-content2 p { color:var(--vdb-hero-caption-color,#fff) !important; }

@media (max-width:767px) {
    .slider-area .vdb-hero-frame:not(.vdb-hero-frame--full) {
        height:var(--vdb-hero-mobile-height,600px) !important;
        min-height:var(--vdb-hero-mobile-height,600px) !important;
        max-height:var(--vdb-hero-mobile-height,600px) !important;
    }
    .slider-area .vdb-hero-frame.vdb-hero-frame--full {
        height:var(--vdb-visual-viewport-height,100dvh) !important;
        min-height:var(--vdb-visual-viewport-height,100dvh) !important;
        max-height:var(--vdb-visual-viewport-height,100dvh) !important;
    }
    /* Bestaande mobiele tekstplaatsing blijft bewust behouden. */
    .vdb-hero-frame > .slide-center-wrap { width:auto; }
}
@media (prefers-reduced-motion:reduce) { .vdb-hero-frame .vdb-hero-media img { will-change:auto; } }