/* Emschot 0.7 – compacte navigatie, toegankelijk zonder JavaScript */
.em-header-inner{max-width:1240px!important;margin:0 auto!important;padding:12px 22px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:24px!important;min-height:76px!important}
.em-header-inner>.em-brand{flex:0 0 auto!important}
.em-auto-nav{display:flex;gap:clamp(12px,1.5vw,23px);align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:14px;font-weight:600;margin-left:auto}
.em-auto-nav a,.em-auto-nav summary{color:var(--em-source-dark,#10282c);text-decoration:none;white-space:nowrap;cursor:pointer}
.em-auto-nav a:hover,.em-auto-nav summary:hover{color:var(--em-source-primary,#18393e)}
.em-nav-dropdown{position:relative;display:inline-block}
.em-nav-dropdown summary{list-style:none;display:block}
.em-nav-dropdown summary::-webkit-details-marker{display:none}
.em-nav-submenu{display:none;position:absolute;left:0;right:auto;top:calc(100% + 9px);min-width:195px;z-index:999;background:#fff;border-radius:12px;box-shadow:0 8px 25px #0002;border:1px solid #dae5e6;padding:8px 0}
.em-nav-submenu a{display:block;padding:11px 16px;white-space:nowrap}
.em-nav-dropdown[open]>.em-nav-submenu{display:block}
.em-nav-phone{background:var(--em-source-primary,#18393e);color:#fff!important;border-radius:999px;padding:10px 17px}
/* Een deel van het oorspronkelijke formulier werd zonder serverlogica als zichtbare status geïmporteerd. */
.wp-block-post-content .bg-emschot-dark .bg-white.rounded-3xl>.bg-emschot-accent\/20,
.wp-block-post-content .bg-emschot-dark .bg-white.rounded-3xl>.bg-red-100{display:none!important}
/* Full-width originele hero met correcte zijmarges, ook in HTML-blokken. */
.wp-block-post-content .wp-block-html section>.max-w-7xl,
.wp-block-post-content .wp-block-html section>.relative.max-w-7xl{box-sizing:border-box;width:100%;max-width:1280px;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(20px,3.2vw,42px)!important;padding-right:clamp(20px,3.2vw,42px)!important}
@media(max-width:900px){.em-header-inner{flex-direction:column!important;align-items:flex-start!important}.em-auto-nav{margin:0;gap:12px;justify-content:flex-start}.em-nav-submenu{left:0;right:auto}}
@media(max-width:600px){.em-auto-nav{font-size:13px}.em-nav-phone{padding:7px 12px}.em-nav-submenu{min-width:155px}}

/* 0.7.1: submenu sluit links aan op het hoofditem; uitsluitend expliciet geopende menu's tonen. */
.em-auto-nav .em-nav-dropdown > .em-nav-submenu{left:0!important;right:auto!important;top:calc(100% + 9px)!important}
.em-auto-nav .em-nav-dropdown:not([open]) > .em-nav-submenu{display:none!important}
.em-auto-nav .em-nav-dropdown[open] > .em-nav-submenu{display:block!important}
@media(max-width:600px){
  .em-auto-nav .em-nav-dropdown > .em-nav-submenu{min-width:185px;max-width:min(80vw,300px)}
}

/* 0.7.2: aanliggende hoverzone voorkomt sluiten tussen titel en dropdown. */
.em-auto-nav .em-nav-dropdown > .em-nav-submenu {top:100%!important; padding-top:17px!important; background:linear-gradient(to bottom,transparent 0 9px,#fff 9px)!important; background-clip:padding-box; border-top:0!important; box-shadow:0 8px 25px #0002; }
.em-auto-nav .em-nav-dropdown > .em-nav-submenu a:first-child{border-top-left-radius:10px;border-top-right-radius:10px}
@media (hover:none), (pointer:coarse){.em-auto-nav .em-nav-dropdown > .em-nav-submenu{top:100%!important}}

/* 0.7.3: uitklapbaar mobiel hamburgermenu. Desktop behoudt hovernavigatie. */
.em-navigation-shell{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;min-width:0}
.em-mobile-menu-toggle{display:none;align-items:center;gap:10px;border:1px solid var(--em-source-accent,#a4cfcf);border-radius:9px;background:transparent;color:var(--em-source-dark,#10282c);padding:10px 12px;font:inherit;font-weight:700;cursor:pointer}
.em-hamburger-lines{display:flex;flex-direction:column;gap:4px;width:21px}
.em-hamburger-lines span{display:block;height:2px;background:currentColor;border-radius:3px;width:100%;transition:transform .2s,opacity .2s}
.em-mobile-menu-toggle[aria-expanded="true"] .em-hamburger-lines span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.em-mobile-menu-toggle[aria-expanded="true"] .em-hamburger-lines span:nth-child(2){opacity:0}
.em-mobile-menu-toggle[aria-expanded="true"] .em-hamburger-lines span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:900px){
  .em-header-inner{flex-direction:row!important;align-items:center!important;position:relative!important;flex-wrap:nowrap!important}
  .em-navigation-shell{margin-left:auto;position:static}
  .em-mobile-menu-toggle{display:inline-flex}
  .em-navigation-shell .em-auto-nav{display:none!important;position:absolute;top:100%;left:0;right:0;width:100%;box-sizing:border-box;z-index:1500;background:#fff;box-shadow:0 12px 22px #0002;padding:10px 20px 20px;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;max-height:calc(100dvh - 100px);overflow-y:auto;flex-wrap:nowrap!important}
  .em-navigation-shell.is-open .em-auto-nav{display:flex!important}
  .em-navigation-shell .em-auto-nav>a,.em-navigation-shell .em-nav-dropdown>summary{display:block!important;padding:12px 8px!important;line-height:1.4;border-bottom:1px solid #e6eeee;white-space:normal}
  .em-navigation-shell .em-nav-dropdown{display:block!important;width:100%;position:static!important}
  .em-navigation-shell .em-auto-nav .em-nav-dropdown>.em-nav-submenu{position:static!important;display:none!important;width:100%;max-width:none!important;min-width:0!important;top:auto!important;left:auto!important;right:auto!important;background:#f5f8f8!important;border:0!important;border-radius:7px!important;box-shadow:none!important;padding:0 0 0 12px!important}
  .em-navigation-shell .em-auto-nav .em-nav-dropdown[open]>.em-nav-submenu{display:block!important}
  .em-navigation-shell .em-auto-nav .em-nav-submenu a{padding:12px 14px;border-bottom:1px solid #e6eeee}
  .em-navigation-shell .em-nav-phone{align-self:flex-start;margin-top:14px;white-space:nowrap!important}
}
