/* VersGil statische-kopie fix: Elementor rendert elk menu dubbel
   (desktop --main + mobiel --dropdown). Zonder de dynamische responsive-JS
   tonen beide. Deze regels herstellen normaal gedrag voor de statische site. */
@media (min-width: 1025px){
  .elementor-nav-menu--dropdown{ display:none !important; }
  .elementor-menu-toggle{ display:none !important; }
  /* hover-submenu desktop weer laten werken via pure CSS */
  .elementor-nav-menu--main .elementor-nav-menu > li{ position:relative; }
  .elementor-nav-menu--main .elementor-nav-menu > li > .sub-menu{
    display:none !important; position:absolute; top:100%; left:0; min-width:220px;
    background:#1a1a1a; z-index:999; box-shadow:0 6px 20px rgba(0,0,0,.35);
  }
  .elementor-nav-menu--main .elementor-nav-menu > li:hover > .sub-menu{
    display:block !important;
  }
  .elementor-nav-menu--main .sub-menu li{ display:block; }
  .elementor-nav-menu--main .sub-menu a{ padding:10px 18px; }
}
@media (max-width: 1024px){
  .elementor-nav-menu--main{ display:none !important; }
  .elementor-menu-toggle{ display:none !important; }
  /* mobiel: dropdown-menu gestapeld tonen (geen JS-toggle nodig) */
  .elementor-nav-menu--dropdown{ display:block !important; position:static !important; }
  .elementor-nav-menu--dropdown .elementor-nav-menu{ display:block !important; }
  .elementor-nav-menu--dropdown .sub-menu{ display:block !important; padding-left:16px; }
}