/* Bridging-laag: koppelt het designsysteem aan de markup die Elementor rendert */
.hz .elementor-widget:not(:last-child){margin-block-end:0}
.hz .e-con,.hz .e-con-inner{--container-default-padding-top:0;--container-default-padding-bottom:0;--container-default-padding-left:0;--container-default-padding-right:0}
.hz .e-con>.e-con-inner{padding-inline:var(--gutter)}
.hz .e-con.e-con-boxed>.e-con-inner{width:100%;max-width:var(--max);margin-inline:auto}

/* knoppen */
.e-btn .elementor-button,.e-btn .elementor-button-link{--bg:var(--brass);--fg:var(--white);--bd:var(--brass);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:0 1.6rem;border:1px solid var(--bd);background:var(--bg);color:var(--fg);font-weight:600;font-size:.95rem;text-decoration:none;border-radius:999px;transition:background var(--t-micro) var(--ease),border-color var(--t-micro) var(--ease),color var(--t-micro) var(--ease),transform var(--t-micro) var(--ease);box-shadow:none}
.e-btn .elementor-button:hover{background:var(--brass-deep);border-color:var(--brass-deep);color:var(--white)}
.e-btn .elementor-button:active{transform:translateY(1px)}
.e-btn--ghost .elementor-button{--bg:transparent;--fg:var(--ink);--bd:var(--line-light)}
.e-btn--ghost .elementor-button:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.on-dark .e-btn--ghost .elementor-button,.on-graphite .e-btn--ghost .elementor-button,.hero .e-btn--ghost .elementor-button,.pdp .e-btn--ghost .elementor-button,.pagehead .e-btn--ghost .elementor-button{--fg:var(--mist);--bd:var(--line-dark)}
.on-dark .e-btn--ghost .elementor-button:hover,.on-graphite .e-btn--ghost .elementor-button:hover,.hero .e-btn--ghost .elementor-button:hover,.pdp .e-btn--ghost .elementor-button:hover,.pagehead .e-btn--ghost .elementor-button:hover{background:var(--white);color:var(--void);border-color:var(--white)}
.e-btn--dark .elementor-button{--bg:var(--void);--fg:var(--white);--bd:var(--void)}
.e-btn--dark .elementor-button:hover{background:var(--graphite);border-color:var(--graphite)}
.e-btn--sm .elementor-button{min-height:44px;padding:0 1.15rem;font-size:.86rem}
.e-btn{width:auto}

/* flex-kinderen die in het ontwerp een grid vormen */

.hero-row>*{width:100%}
.why-grid>.why{flex:1 1 220px;min-width:0}
.foot-grid>*{flex:1 1 200px;min-width:0}

.index-row>*{width:100%;min-width:0}
.svc-row>*{min-width:0}

.visit-row>*{width:100%;min-width:0}

.proof-row>*{width:100%;min-width:0}

.pdp-row>*{width:100%;min-width:0}

.cz-row>*{width:100%;min-width:0}

.finbar-row>*{width:100%;min-width:0}

@media (min-width:900px){
  
  .hero-row>.hero-copy{flex:1 1 42%}
  .hero-row>.hero-art{flex:1 1 54%}
  .index-row{align-items:flex-start}
  .index-row>.cat-list-col{flex:1 1 58%}
  .index-row>.cat-panel{flex:1 1 38%;display:block}
  .visit-row{align-items:flex-start}
  .visit-row>*{flex:1 1 48%}
  .proof-row{align-items:center}
  .proof-row>.proof-main{flex:1 1 58%}
  .proof-row>.proof-side{flex:1 1 34%}
  .pdp-row{align-items:flex-start}
  .pdp-row>.gal{flex:1 1 54%}
  .pdp-row>.pdp-sum{flex:1 1 42%;position:sticky;top:calc(var(--hdr) + 28px)}
  .cz-row{align-items:center}
  .cz-row>.cz-stage{flex:1 1 54%}
  .cz-row>.cz-side{flex:1 1 42%}
  .finbar-row{align-items:center}
  .finbar-row>*{flex:1 1 48%}
  .svc-row{align-items:center}
  .svc-row>*{flex:1 1 48%}
  
}

/* afbeeldingswidget: de SVG's vullen hun kader */
.art .elementor-widget-container,.art img{width:100%;height:auto;display:block}
.why-ic img,.sp-ic img{width:100%;height:100%;object-fit:contain}
.shot .art{position:absolute;inset:9% 6%;width:88%;height:82%;z-index:1}
.shot .art img{width:100%;height:100%;object-fit:contain}
.cz-stage>.art{position:absolute;inset:0;width:100%;height:100%}
.cz-stage>.art img{width:100%;height:100%;object-fit:contain}
.gal-art img{width:100%;height:100%;object-fit:contain;opacity:.18}
.cat-panel-art>.art{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(.96);transition:opacity 460ms var(--ease),transform 620ms var(--ease)}
.cat-panel-art>.art.is-shown{opacity:1;transform:none}
.cat-thumb img{width:100%;height:auto}
.sc-slide .art{position:absolute;inset:0;width:100%;height:100%}
.sc-slide .art img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(700%) hue-rotate(2deg);opacity:.55}

/* koppen en tekst binnen widgets */
.d1 .elementor-heading-title,.d2 .elementor-heading-title,.d3 .elementor-heading-title{font-size:inherit;line-height:inherit;letter-spacing:inherit;font-weight:inherit;color:inherit}
.hz .elementor-widget-text-editor p:last-child{margin-bottom:0}
