/* ===== 1. Disable Webflow's NATIVE mobile menu (keep, do not remove) ===== */
@media (max-width: 991px) {
  .w-nav-menu {
    display: none !important;
  }

  .w-nav-overlay {
    display: none !important;
  }
}

/* ===== 2. OVERLAY ===== */
[data-nav="overlay"] {
  position: fixed;
  inset: 0;
  height: 100dvh;
  /* avoid being covered by the browser's address bar */
  z-index: 90;
  visibility: hidden;
  /* toggled to visible via JS when opened */
  clip-path: inset(0 0 100% 0);
  /* closed state: fully clipped from the top */
  will-change: clip-path;
}

/* NOTE: .navbar2_outer-wrap's position/z-index is intentionally NOT set here.
   It already carries Webflow's native Fixed/Sticky navbar setting from the
   Designer (position: fixed, applied directly on this element via w-nav).
   Overriding position on it here would strip that setting and break the
   fixed navbar on scroll. Stacking above the overlay is instead handled by
   raising z-index directly on .navbar2_component in Webflow Designer. */

/* text-slide mask for the menu items */
[data-nav-item] {
  overflow: hidden;
}

[data-nav-link],
[data-nav-line] {
  will-change: transform, opacity;
}

/* overlay only applies from tablet breakpoint down */
@media (min-width: 992px) {
  [data-nav="overlay"] {
    display: none !important;
  }
}

/* lock background scroll while the menu is open */
html.nav-open,
html.nav-open body {
  overflow: hidden !important;
}

/* ===== 3. HAMBURGER (3 lines, short bottom line aligned right) ===== */
[data-nav="burger"] {
  position: relative;
  width: 34px;
  height: 34px;
}

[data-nav="burger"]>div {
  position: absolute;
  left: 6px;
  right: 6px;
  height: 1.6px;
  background: #fff;
  border-radius: 2px;
  transform-origin: center;
}

[data-nav="burger"] [data-line="top"] {
  top: 12px;
}

[data-nav="burger"] [data-line="mid"] {
  top: 17px;
}

[data-nav="burger"] [data-line="bot"] {
  top: 22px;
  left: 15px;
}

/* shorter, right-aligned */

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
  [data-nav="overlay"] {
    transition: none !important;
  }
}