/* Small overrides layered on top of the exported Webflow stylesheet.
   Kept separate so the original stylesheet stays a faithful 1:1 copy. */

/* Splash page ("Enter the garden") headings were faded in by Webflow's
   interaction runtime, which we no longer ship. Reproduce the fade in pure CSS. */
.main-heading[style*="opacity:0"],
.enter-heading[style*="opacity:0"] {
  animation: bohoFadeIn 1.4s ease forwards;
}

@keyframes bohoFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ----------------------------------------------------------------- */
/* Mobile menu                                                       */
/* Webflow moved the open menu into a full-width overlay; we recreate */
/* that layout here so the panel sits under the header, the items     */
/* stack and line up, and the Workshops submenu expands inline        */
/* instead of floating off to the side.                               */
/* ----------------------------------------------------------------- */
@media screen and (max-width: 991px) {
  /* Anchor the dropdown panel to the header, not the inner flex box. */
  .container-navigation {
    position: static;
  }

  .w-nav-menu[data-nav-menu-open] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    padding: 8px 0 18px;
    background-color: #fff;
    box-shadow: 0 24px 30px #00000014;
    z-index: 20;
    max-height: 85vh;
    overflow-y: auto;
  }

  .w-nav-menu[data-nav-menu-open] .nav-link,
  .w-nav-menu[data-nav-menu-open] .w-dropdown {
    display: block;
    width: 100%;
    margin: 0;
  }

  .w-nav-menu[data-nav-menu-open] .nav-link {
    padding: 12px 24px;
  }

  .w-nav-menu[data-nav-menu-open] .w-dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 12px 24px;
    text-align: left;
  }

  .w-nav-menu[data-nav-menu-open] .text-block-12 {
    margin-left: 0;
  }

  .w-nav-menu[data-nav-menu-open] .w-dropdown-list.w--open {
    position: static;
    display: block;
    background-color: transparent;
    min-width: 0;
    padding: 0 0 6px 24px;
    box-shadow: none;
  }

  .w-nav-menu[data-nav-menu-open] .w-dropdown-link {
    padding: 8px 0;
  }
}