.elementor-800 .elementor-element.elementor-element-16fed8d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-800 .elementor-element.elementor-element-16fed8d:not(.elementor-motion-effects-element-type-background), .elementor-800 .elementor-element.elementor-element-16fed8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-800 .elementor-element.elementor-element-ffa01ce{--display:flex;}.elementor-800 .elementor-element.elementor-element-ffa01ce.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-800 .elementor-element.elementor-element-58599e0 .elementor-button{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:500;background-color:var( --e-global-color-accent );}.elementor-800 .elementor-element.elementor-element-58599e0 .elementor-button:hover, .elementor-800 .elementor-element.elementor-element-58599e0 .elementor-button:focus{background-color:var( --e-global-color-1f5bf28 );}.elementor-800 .elementor-element.elementor-element-c6cd16a{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-800 .elementor-element.elementor-element-635ff40 .elementor-menu-toggle{margin-right:auto;}.elementor-800 .elementor-element.elementor-element-635ff40 .elementor-nav-menu .elementor-item{font-size:17px;font-weight:600;}.elementor-800 .elementor-element.elementor-element-635ff40 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-1f5bf28 );fill:var( --e-global-color-1f5bf28 );}.elementor-800 .elementor-element.elementor-element-635ff40.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-800 .elementor-element.elementor-element-16fed8d{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-800 .elementor-element.elementor-element-58599e0.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;}}@media(max-width:767px){.elementor-800 .elementor-element.elementor-element-16fed8d{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--flex-wrap:nowrap;}.elementor-800 .elementor-element.elementor-element-16fed8d.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-800 .elementor-element.elementor-element-ffa01ce{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-800 .elementor-element.elementor-element-ffa01ce.e-con{--align-self:flex-start;}.elementor-800 .elementor-element.elementor-element-58599e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-800 .elementor-element.elementor-element-58599e0.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-800 .elementor-element.elementor-element-c6cd16a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-800 .elementor-element.elementor-element-c6cd16a.e-con{--align-self:center;--order:-99999 /* order start hack */;}.elementor-800 .elementor-element.elementor-element-635ff40.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-800 .elementor-element.elementor-element-635ff40{--e-transform-translateX:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-635ff40 *//* =======================================================
   FOOTER HAMBURGER → DROP-UP (schoon & definitief)
   Vereist: Nav Menu widget heeft class: footer-menu
   ======================================================= */

/* 0) niks afsnijden in de footer */
.elementor-location-footer,
.elementor-location-footer .elementor-section,
.elementor-location-footer .elementor-column { overflow: visible !important; }

/* 1) ankerpunt voor de absolute dropdown */
.footer-menu { position: relative; overflow: visible; }

/* 2) DROP-UP paneel – altijd uit de hamburger, nooit fixed/sticky */
.footer-menu .elementor-nav-menu--dropdown,
.footer-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown {
  position: absolute !important;     /* geen fixed/sticky */
  top: auto !important;
  bottom: calc(100% + 18px) !important; /* afstand boven de X */
  left: 50% !important;
  transform: translateX(0%) !important; /* centreren boven de knop */
  z-index: 9999;
  width: clamp(280px, 10vw, 140px) !important; /* niet te smal/te breed */
  max-height: 80vh !important;       /* groot maar niet te groot */
  overflow-y: auto !important;       /* scroll pas als nodig */
  box-sizing: border-box;
  padding: 12px 12px;
  background: #fff !important;       /* licht paneel */
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
}

/* 3) menu-items: leesbaar & klikbaar */
.footer-menu .elementor-nav-menu--dropdown a {
  display: block;
  padding: 6px 6px;
  line-height: 1.25;
  color: #e98823 !important;
  text-decoration: none;
}
.footer-menu .elementor-nav-menu--dropdown a:hover {
  background: rgba(0,0,0,.05);
}

/* 4) toggle (hamburger/X) blijft klikbaar boven andere elementen */
.footer-menu .elementor-menu-toggle { position: relative; z-index: 10000; }

/* --- 1) VERBERG standaard het dropdown-paneel --- */
.footer-menu .elementor-nav-menu--dropdown,
.footer-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown {
  display: none !important;
}

/* --- 2) LAAT ZIEN als de toggle actief is (Elementor voegt .elementor-active toe) --- */
.footer-menu .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown,
.footer-menu .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu--dropdown,
.footer-menu .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container.elementor-nav-menu--dropdown,
.footer-menu .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu__container.elementor-nav-menu--dropdown,
.footer-menu .elementor-nav-menu--dropdown.elementor-active,
.footer-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown.elementor-active {
  display: block !important;
}

/* --- 3) ZORG DAT HET NIET STICKY AANVOELT (altijd t.o.v. de hamburger) --- */
.footer-menu .elementor-nav-menu--dropdown,
.footer-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown {
  position: absolute !important;     /* nooit fixed/sticky */
  top: auto !important;
  bottom: calc(100% + 18px) !important; /* beetje ruimte boven de X */
  left: 50% !important;
  transform: translateX(0%) !important;
  z-index: 9999;
}

/* --- 4) X-knop altijd klikbaar en boven paneel --- */
.footer-menu { position: relative !important; }
.footer-menu .elementor-menu-toggle { position: relative; z-index: 10001; }

/* (optioneel) als je nog steeds net op de X klikt maar niets gebeurt:
   maak het paneel iets hoger zodat het zeker niet over de X hangt */
@media (max-width: 1024px) {
  .footer-menu .elementor-nav-menu--dropdown,
  .footer-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    bottom: calc(100% + 24px) !important;
  }
}/* End custom CSS */