/* Ronde 5: volledige heldenfoto, mobiel menu, CTA en tussenblok op mobiel */

/* Hero met foto over de hele breedte */
.e-con.tb-yhero:not(.tb-yhero--plain){background:#10202B}
.tb-yhero>.tb-xhero-img{inset:0!important;width:100%!important;height:100%!important;-webkit-mask-image:none!important;mask-image:none!important;z-index:0}
.tb-yhero>.tb-xhero-img img{transform:none!important;object-position:50% 78%!important;width:100%!important;height:100%!important}
.tb-yhero:not(.tb-yhero--plain)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,26,38,.9) 0%,rgba(9,26,38,.78) 30%,rgba(9,26,38,.26) 52%,rgba(9,26,38,0) 66%)}
.tb-yhero:not(.tb-yhero--plain) .tb-yhero-in{z-index:1}
.tb-yhero:not(.tb-yhero--plain) .tb-yh1 .elementor-heading-title{color:#fff!important}
.tb-yhero:not(.tb-yhero--plain) .tb-yintro p{color:#E4ECF0}
.tb-yhero:not(.tb-yhero--plain) .tb-points li{color:#fff}
.tb-yhero:not(.tb-yhero--plain) .tb-points li::before{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.tb-yhero:not(.tb-yhero--plain) .tb-points li::after{border-color:#fff}
.tb-yhero:not(.tb-yhero--plain) .tb-tel,.tb-yhero:not(.tb-yhero--plain) .tb-tel p{color:#E4ECF0}
.tb-yhero:not(.tb-yhero--plain) .elementor-widget-text-editor.tb-tel a{color:#fff}
@media (min-width:1025px){
.e-con.tb-yhero:not(.tb-yhero--plain){min-height:660px;padding-top:32px!important;padding-bottom:32px!important}
.tb-yhero:not(.tb-yhero--plain) .tb-yhero-in{--align-items:flex-start}
.tb-yhero:not(.tb-yhero--plain) .tb-yhero-txt{align-self:flex-start;padding-top:26px!important;max-width:520px}
.tb-yhero:not(.tb-yhero--plain) .tb-yh1 .elementor-heading-title{font-size:clamp(2.4rem,1.4rem + 2.3vw,3.4rem)}
}

/* Hero op tablet en mobiel: foto achter de tekst, batterij zichtbaar, kaart eronder */
@media (max-width:1024px){
.e-con.tb-yhero:not(.tb-yhero--plain){background:var(--soft);padding:0 0 24px!important;min-height:0}
.tb-yhero>.tb-xhero-img{position:absolute!important;inset:0 0 auto 0!important;order:0;margin:0!important;height:calc(100% - 330px)!important}
.tb-yhero>.tb-xhero-img img{object-position:66% 100%!important}
.tb-yhero:not(.tb-yhero--plain)::after{inset:0 0 auto 0;height:calc(100% - 330px);background:linear-gradient(180deg,rgba(9,26,38,.9) 0%,rgba(9,26,38,.82) 46%,rgba(9,26,38,.1) 72%,rgba(9,26,38,0) 100%)}
.tb-yhero:not(.tb-yhero--plain) .tb-yhero-in{padding-top:30px!important;--row-gap:0px}
.tb-yhero:not(.tb-yhero--plain) .tb-yhero-txt{margin-bottom:clamp(170px,44vw,300px)}
.tb-yhero:not(.tb-yhero--plain) .tb-yhero-txt,.tb-yhero:not(.tb-yhero--plain) .tb-yhero-form{max-width:640px}
.e-con.tb-yhero-form{margin-inline:auto}
}

/* Mobiel menu */
@media (max-width:1024px){
.e-con.tb-header-in{position:relative}
.tb-header-in .tb-nav,.tb-nav .elementor-widget-container{position:static!important}
.tb-nav nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{position:absolute!important;top:100%!important;left:calc(50% - 50vw)!important;right:auto!important;width:100vw!important;max-width:100vw!important;margin:0!important;background:#fff!important;border-top:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:0 26px 44px -22px rgba(14,42,51,.5);overflow-y:auto;overscroll-behavior:contain;max-height:calc(100dvh - 76px)!important;padding:6px 0 0}
.tb-nav .elementor-menu-toggle:not(.elementor-active)+nav.elementor-nav-menu__container{max-height:0!important;padding:0;border:0;box-shadow:none}
.tb-nav nav.elementor-nav-menu--dropdown .elementor-nav-menu{display:block}
.tb-nav nav.elementor-nav-menu--dropdown a{display:flex!important;align-items:center;justify-content:space-between;min-height:56px;padding:12px 20px!important;font:500 1.06rem/1.25 Inter,system-ui,sans-serif;color:var(--text-main)!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--soft)!important;text-decoration:none}
.tb-nav nav.elementor-nav-menu--dropdown a.highlighted,.tb-nav nav.elementor-nav-menu--dropdown a:active{color:var(--link)!important}
.tb-nav nav.elementor-nav-menu--dropdown .sub-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;margin:0 0 0 12px;padding:0;border-radius:50%;background:var(--tc);color:var(--link)}
.tb-nav nav.elementor-nav-menu--dropdown .sub-arrow svg,.tb-nav nav.elementor-nav-menu--dropdown .sub-arrow i{width:11px;height:11px;font-size:11px;fill:var(--link);opacity:1}
.tb-nav nav.elementor-nav-menu--dropdown a.highlighted .sub-arrow svg{transform:rotate(180deg)}
.tb-nav nav.elementor-nav-menu--dropdown .sub-menu{position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:4px 0!important;background:var(--soft)!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.tb-nav nav.elementor-nav-menu--dropdown .sub-menu a{min-height:48px;padding:10px 20px 10px 32px!important;font-size:.98rem;font-weight:400;background:transparent!important;border-bottom:0!important}
.tb-nav nav.elementor-nav-menu--dropdown .sub-menu .tb-m-only>a{font-weight:600;color:var(--link)!important}
.tb-nav nav.elementor-nav-menu--dropdown li.tb-m-cta{padding:14px 20px 18px}
.tb-nav nav.elementor-nav-menu--dropdown li.tb-m-cta>a{justify-content:center;min-height:52px;border-radius:12px;background:var(--cta-bg)!important;color:#fff!important;font-weight:600;border:0!important}
.tb-nav .elementor-menu-toggle{background:transparent!important;width:44px;height:44px;font-size:26px;border-radius:10px;margin:0}
.tb-nav .elementor-menu-toggle svg{fill:var(--text-main)}
.elementor-widget-text-editor.tb-mtel{display:block;width:auto!important;flex:0 0 auto;margin-left:auto}
.tb-header-in .tb-nav{margin-left:2px!important}
.tb-mtel p{margin:0}
.elementor-widget-text-editor.tb-mtel a{display:block;width:44px;height:44px;border-radius:10px;font-size:0;background:var(--tc) center/18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23005B73' d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.800-8.300-18.200-11.100-28-6.900l-112 48C3.900 366.500-2 378.100.6 389.400l24 104C27.100 504.200 36.700 512 48 512c256.100 0 464-207.500 464-464 0-11.200-7.700-20.900-18.600-23.400z'/%3E%3C/svg%3E")}
}
@media (min-width:1025px){
.tb-mtel{display:none!important}
.tb-nav .elementor-nav-menu--main .tb-m-only,.tb-nav .elementor-nav-menu--main .tb-m-cta{display:none!important}
}

/* CTA op tablet en mobiel: foto tegen de randen */
@media (max-width:1024px){
.e-con.tb-ycta{padding:0 0 44px!important}
.tb-ycta>.e-con-inner{max-width:100%!important;width:100%!important;padding:0!important}
.tb-ycta-img{position:relative!important;width:100%!important;max-width:100%!important;margin:0 0 30px!important;height:clamp(210px,50vw,360px)!important;clip-path:none!important;border-bottom:5px solid var(--brand-secondary)}
.e-con.tb-ycta-in{padding:0 20px!important}
.tb-ycta .tb-actions{--row-gap:12px}
}
@media (max-width:767px){
.tb-ycta .tb-cta,.tb-ycta .tb-cta .elementor-button-wrapper{width:100%!important}
.tb-ycta .tb-cta .elementor-button{width:100%}
.tb-ycta .tb-actions .tb-tel{width:100%!important;text-align:center}
}

/* Tussenblok */
.e-con.tb-xmid{background:linear-gradient(110deg,var(--ta),var(--tb));box-shadow:none;border-radius:var(--rm);padding:22px 28px!important;--justify-content:space-between}
.tb-xmid p{margin:0;font-size:1.05rem}
.tb-xmid .elementor-widget-text-editor{width:auto;flex:1 1 auto}
@media (max-width:767px){
.e-con.tb-xmid{--flex-direction:column;--align-items:stretch;--row-gap:16px;padding:24px 20px!important;text-align:center}
.tb-xmid .elementor-widget-text-editor{flex:0 0 auto;width:100%}
.tb-xmid p strong{display:block;font:500 1.3rem/1.2 Outfit,system-ui,sans-serif;margin-bottom:4px}
.tb-xmid .tb-cta,.tb-xmid .tb-cta .elementor-button-wrapper{width:100%!important}
.tb-xmid .tb-cta .elementor-button{width:100%}
}

/* Hero tablet/mobiel: tekst op donker, daaronder de hele batterij op de gevel, dan de kaart */
@media (max-width:1024px){
.e-con.tb-yhero:not(.tb-yhero--plain){background:#10202B;padding:0 0 26px!important;--flex-direction:column;--flex-wrap:nowrap;display:flex}
.tb-yhero:not(.tb-yhero--plain)::after{display:none}
.tb-yhero:not(.tb-yhero--plain) .tb-yhero-in{display:contents}
.tb-yhero:not(.tb-yhero--plain) .tb-yhero-txt{order:1;margin:0!important;padding:28px 20px 6px!important;max-width:100%;flex:0 0 auto;width:100%;position:relative;z-index:1}
.tb-yhero>.tb-xhero-img{order:2;position:relative!important;inset:auto!important;height:clamp(250px,64vw,420px)!important;width:100%!important;margin:-10px 0 0!important;flex:0 0 auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%)!important;mask-image:linear-gradient(180deg,transparent 0,#000 24%)!important}
.tb-yhero>.tb-xhero-img img{object-position:64% 82%!important}
.tb-yhero:not(.tb-yhero--plain) .tb-yhero-form{order:3;position:relative;z-index:2;flex:0 0 auto;width:calc(100% - 32px);max-width:640px;margin:-34px auto 0!important}
}