/* Fix grid overflow: prevent items from exceeding their grid cell */
.home_grid-4col > * {
  min-width: 0;
}

.w-dropdown:hover > .w-dropdown-list,
.w-dropdown:focus-within > .w-dropdown-list {
  display: block;
}

.w-tab-link {
  cursor: pointer;
}

/* ---------------------------------------------------------------------------
   Hamburger menu icon → X animation
   --------------------------------------------------------------------------- */

.menu-icon1_line-top,
.menu-icon1_line-middle,
.menu-icon1_line-bottom {
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.navbar1_menu-button.w--open .menu-icon1_line-top {
  transform: translateY(8px) rotate(45deg);
}

.navbar1_menu-button.w--open .menu-icon1_line-middle {
  opacity: 0;
  transform: scaleX(0);
}

.navbar1_menu-button.w--open .menu-icon1_line-bottom {
  transform: translateY(-8px) rotate(-45deg);
}

/* ---------------------------------------------------------------------------
   Mobile menu drawer slide-down animation
   --------------------------------------------------------------------------- */

@media screen and (max-width: 991px) {
  .navbar1_component.w-nav {
    position: relative;
  }

  /* Closed state: hidden with no size */
  .w-nav[data-collapse='medium'] .navbar1_menu.w-nav-menu {
    display: flex !important;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 900;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    transition: height 0.4s ease, padding 0.4s ease, visibility 0s 0.4s;
  }

  /* Open state: full viewport height */
  .w-nav[data-collapse='medium'] .navbar1_menu.w-nav-menu.w--open {
    height: 100dvh;
    padding: 1rem 5% 2rem;
    pointer-events: auto;
    overflow: auto;
    visibility: visible;
    transition: height 0.4s ease, padding 0.4s ease, visibility 0s 0s;
  }

  /* Disable hover-open on dropdowns in mobile menu (tap only) */
  .navbar1_menu.w-nav-menu .w-dropdown:hover > .w-dropdown-list {
    display: none;
  }
  .navbar1_menu.w-nav-menu .w-dropdown:focus-within > .w-dropdown-list {
    display: block;
  }
}