/* Overrides for jQuery-free environment */
/* Webflow.js normally handles these behaviors via JS; we replicate with CSS */

/* Dropdown hover behavior (if any dropdowns exist) */
.w-dropdown:hover > .w-dropdown-list {
  display: block;
}

/* Tab links need pointer cursor (webflow.js adds this) */
.w-tab-link {
  cursor: pointer;
}

/* Nav menu button needs pointer cursor */
.w-nav-button {
  cursor: pointer;
}

/* Ensure nav menu is hidden by default on desktop */
@media screen and (min-width: 992px) {
  .w-nav-menu {
    display: flex !important;
  }
  .w-nav-overlay {
    display: none !important;
  }
}

/* Mobile nav overlay slide animation */
.w-nav-overlay {
  transition: height 400ms ease;
  overflow: hidden;
}

/* Hamburger icon animation */
.menu-icon1_line-top,
.menu-icon1_line-middle,
.menu-icon1_line-bottom {
  transition: transform 400ms ease, opacity 200ms ease;
}

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

.w-nav-button.w--open .menu-icon1_line-middle {
  opacity: 0;
}

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