/* nav-fix.css — see nav-fix.js. Elementor's own CSS (widget-nav-menu.min.css)
   already defines an open/closed pair keyed off .elementor-menu-toggle.elementor-active,
   but something else in the cascade keeps forcing max-height:0 even once that class is
   present (never isolated exactly which rule - post-336.css and others also touch this
   container). Re-assert both states directly with !important so the dropdown opens
   reliably regardless of what else is fighting it in the cascade. */
/* the dropdown's nearest positioned ancestor is only the header's nav column
   (~half the header's width, not the full page) - Elementor's own CSS never sets an
   explicit width, so the menu shrinks to fit its text and floats inside that narrow
   column instead of spanning the screen. position:fixed anchors it to the VIEWPORT
   instead, so it always spans edge-to-edge regardless of ancestor width; nav-fix.js
   sets --nav-fix-top to the header's real bottom edge since fixed positioning needs
   a concrete pixel value (no ancestor to inherit "below the header" from). */
.elementor-nav-menu--dropdown.elementor-nav-menu__container{
  position:fixed !important; left:0 !important; right:0 !important; width:100% !important;
  top:var(--nav-fix-top, 60px) !important; margin-top:0 !important;
  max-height:0 !important; overflow:hidden !important; transform:scaleY(0) !important;
  transition:max-height .3s ease, transform .3s ease !important;
}
.elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown.elementor-nav-menu__container{
  max-height:calc(100vh - var(--nav-fix-top, 60px)) !important; overflow-y:auto !important; transform:scaleY(1) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.25) !important;
}