/* ---------------------------------------------------------------------------
   Reliable slide-out menu (engine-independent).

   The MENU button and the slide-from-left menu are driven by Webflow's new
   GSAP-based interactions. Those interactions are scoped per page and bound
   asynchronously after the page loads, which made the menu unreliable:
     - it had no binding at all on some pages (e.g. apartments / restaurant),
     - and on cached / back navigations the engine initialises ~1-2s late and
       resets the panel, so the menu either could not be opened or snapped shut.
   js/menu-fix.js drives the menu directly. The open state is expressed here
   with `!important` so it always wins over Webflow's inline styles, no matter
   when (or whether) the interaction engine runs.
--------------------------------------------------------------------------- */

.nav-menu {
  transition: transform .45s cubic-bezier(.4, 0, .2, 1);
}

/* Open state — wins over Webflow's inline transform/display. */
html.lpds-menu-open .nav-menu_component {
  display: block !important;
}
html.lpds-menu-open .nav-menu {
  transform: translateX(0%) !important;
}

/* Force the contents visible even if their Webflow entrance animation
   (opacity/transform) never played. */
html.lpds-menu-open :is(
  .nav-menu_top, .nav-menu_bottom, .nav-menu_list, .nav-menu_close,
  .nav-menu_close-text, .nav_menu-list-item, .nav-menu_contact,
  .nav-menu_contact-item) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}