/* Dakwerken Palmans, balk "nokbadge": antraciet contactbalk + witte rij. Het logo hangt als
   badge met een gevelpunt over de hero, limoen rand langs de punt; menu met schuine
   dakstreepjes ertussen en een limoen nokje boven de actieve link. Op elke pagina. */
:root{--tz-lime:#B8CC0C;--tz-lime-d:#A6B90A;--tz-ink:#141513;--tz-ink-2:#222320;--tz-breed:1280px}

/* ---------- laag 1: contactbalk ---------- */
.elementor-34 .elementor-element-48b240c{background:var(--tz-ink)!important;--min-height:0;min-height:0!important;padding:6px 0!important;border-bottom:1px solid rgba(255,255,255,.07)}
.elementor-34 .elementor-element-48b240c>.e-con-inner{max-width:var(--tz-breed)!important;width:calc(100% - 40px)}
.elementor-34 .elementor-element-6c217d6{justify-content:space-between!important;align-items:center!important;flex-direction:row!important;flex-wrap:wrap;gap:4px 24px}
.elementor-34 .elementor-element-fdf97e3 .elementor-heading-title{color:#fff!important;font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:.02em}
.elementor-34 .elementor-element-08920fc .elementor-icon-list-text{color:#fff!important;font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:500!important}
.elementor-34 .elementor-element-08920fc .elementor-icon-list-icon svg{fill:var(--tz-lime)!important;width:14px!important;height:14px!important}
.elementor-34 .elementor-element-08920fc .elementor-icon-list-icon{background:none!important}

/* ---------- laag 2: witte rij met hangend logobadge ---------- */
.elementor-34 .elementor-element-922a57c{background:#fff!important;position:relative;z-index:60;padding:0!important;overflow:visible!important;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.elementor-34 .elementor-element-922a57c>.e-con-inner{max-width:var(--tz-breed)!important;width:calc(100% - 40px);min-height:76px;align-items:center!important;gap:0;position:relative;padding:0!important}
.elementor-34 .elementor-element-922a57c:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--tz-lime);z-index:1}
/* logobadge: limoen buitenrand, witte binnenkant, onderkant als gevelpunt */
.elementor-34 .elementor-element-0d9df55{align-self:flex-start!important;position:relative;z-index:3;width:auto!important;margin:0 0 -34px!important;padding:0 5px 6px!important;background:var(--tz-lime);clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),50% 100%,0 calc(100% - 30px));filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
.elementor-34 .elementor-element-0d9df55>a{display:block;background:#fff;box-shadow:inset 0 0 0 0 transparent;padding:20px 26px 46px;clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),50% 100%,0 calc(100% - 30px))}
.elementor-34 .elementor-element-0d9df55 img{display:block;width:220px!important;height:auto!important;max-width:none!important}
/* menu */
.elementor-34 .elementor-element-fff5a76{flex:1 1 auto!important;width:auto!important;justify-content:flex-end!important;align-items:center!important;gap:18px!important;padding:0!important}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li>a{position:relative;color:var(--tz-ink)!important;fill:var(--tz-ink)!important;font-family:Inter,sans-serif!important;font-size:13.5px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.07em;padding:28px 15px!important;line-height:20px!important}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li>a:before{content:"";position:absolute;left:50%;top:13px;width:16px;height:8px;margin-left:-8px;background:var(--tz-lime);clip-path:polygon(50% 0,100% 100%,78% 100%,50% 38%,22% 100%,0 100%);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li>a:hover,.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li>a.elementor-item-active{color:#6F7C00!important}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li>a:hover:before,.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li>a.elementor-item-active:before{opacity:1;transform:none}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li>a .sub-arrow svg{fill:var(--tz-ink)!important}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li+li:before{content:"";position:absolute;left:-1px;top:50%;width:2px;height:18px;margin-top:-9px;background:#D9DCD2;transform:skewX(-20deg)}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li{position:relative}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main .sub-menu{background:#fff!important;border-top:3px solid var(--tz-lime);box-shadow:0 18px 40px rgba(0,0,0,.18);padding:8px 0!important;min-width:230px!important}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main .sub-menu a{color:var(--tz-ink)!important;background:none!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:600!important;padding:11px 20px!important;border-left:3px solid transparent}
.elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main .sub-menu a:hover{border-left-color:var(--tz-lime);background:#F4F5F0!important}
/* offerteknop */
.elementor-34 .elementor-button,.elementor-location-header .elementor-button{background:var(--tz-lime)!important;color:var(--tz-ink)!important;border-radius:10px!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.05em;padding:15px 24px!important;white-space:nowrap!important;line-height:1.2!important;border:0!important;transition:background .2s,transform .2s}
.elementor-34 .elementor-button:hover{background:#C9DE1A!important;transform:translateY(-2px)}
.elementor-34 .elementor-button .elementor-button-icon{display:none!important}
.elementor-34 .elementor-button .elementor-button-text{color:var(--tz-ink)!important}
/* mobiel menu-icoon */
.elementor-34 .elementor-element-69adb49 img{width:34px!important;height:34px!important}

@media(max-width:1180px){
  .elementor-34 .elementor-element-7f364bb .elementor-nav-menu--main>ul>li>a{padding:28px 10px!important;font-size:12.5px!important;letter-spacing:.05em}
  .elementor-34 .elementor-element-0d9df55 img{width:190px!important}
}
@media(max-width:1024px){
  .elementor-34 .elementor-element-922a57c>.e-con-inner{min-height:64px;flex-wrap:nowrap!important}
  .elementor-34 .elementor-element-0d9df55{margin-bottom:-24px!important;padding:0 4px 5px!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),50% 100%,0 calc(100% - 20px))}
  .elementor-34 .elementor-element-0d9df55>a{padding:12px 16px 30px;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),50% 100%,0 calc(100% - 20px))}
  .elementor-34 .elementor-element-0d9df55 img{width:160px!important}
  .elementor-34 .elementor-element-fff5a76{justify-content:flex-end!important}
}
@media(max-width:767px){
  .elementor-34 .elementor-element-48b240c{padding:5px 0!important}
  .elementor-34 .elementor-element-fdf97e3{display:none!important}
  .elementor-34 .elementor-element-6c217d6{justify-content:center!important}
  .elementor-34 .elementor-element-08920fc .elementor-icon-list-text{font-size:12px!important}
  .elementor-34 .elementor-element-0d9df55 img{width:150px!important}
}
