/* GC nav-fix (GH#5 follow-up). The lift's Elementor Pro nav-menu widget handler is
   a lazy webpack chunk fetched from gocarpathian.com/wp-content/plugins/elementor-pro/…;
   gocarpathian.com is now itself on Vercel so that chunk 404s (ChunkLoadError), and the
   handler never attaches -> desktop dropdowns don't open on hover and the mobile
   hamburger does nothing. The submenu markup is fully intact in the DOM, so this
   restores navigation additively (no dependency on the dead chunk). Pairs with nav-fix.js. */

/* Desktop: reveal the submenu panel on hover / keyboard focus. */
.elementor-nav-menu--main li.menu-item-has-children:hover > ul.sub-menu,
.elementor-nav-menu--main li.menu-item-has-children:focus-within > ul.sub-menu {
  display: block !important;
}

/* The floating desktop panel needs a readable surface — Elementor's own dropdown
   background is applied by the handler that never runs here. */
.elementor-nav-menu--main ul.sub-menu {
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 6px 0;
  min-width: 220px;
  z-index: 9999;
}
.elementor-nav-menu--main ul.sub-menu a {
  display: block;
  padding: 8px 20px;
  white-space: nowrap;
}

/* Mobile: nav-fix.js adds .gc-nav-open to the dropdown <nav> when the hamburger is
   tapped. Elementor's dead JS handler leaves the panel (a) absolutely positioned
   inside the ~33px toggle wrapper (so left:0/right:0 = 33px wide, items wrap one
   char per line) and (b) capped at max-height:var(--menu-height,0) = 0 tall.
   Break it out into a full-width panel below the header (nav-fix.js sets top). */
nav.elementor-nav-menu--dropdown.gc-nav-open {
  display: block !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-height: 80vh !important;
  overflow-y: auto !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15) !important;
  z-index: 99999 !important;
  padding: 6px 0 10px !important;
}
nav.elementor-nav-menu--dropdown.gc-nav-open ul,
nav.elementor-nav-menu--dropdown.gc-nav-open li {
  width: 100% !important;
  float: none !important;
  left: auto !important;
}
nav.elementor-nav-menu--dropdown.gc-nav-open a {
  display: block !important;
  padding: 13px 24px !important;
  white-space: normal !important;
}
/* Nested submenus: COLLAPSED by default; nav-fix.js toggles .gc-sub-open on the
   parent <li> when its row is tapped (accordion), so the panel isn't a huge wall
   of every link at once. */
nav.elementor-nav-menu--dropdown.gc-nav-open .sub-menu {
  display: none !important;
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  background: #f6f6f6 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
nav.elementor-nav-menu--dropdown.gc-nav-open li.gc-sub-open > .sub-menu {
  display: block !important;
}
nav.elementor-nav-menu--dropdown.gc-nav-open .sub-menu a {
  padding-left: 40px !important;
}
/* Caret on parent items to signal they expand; rotates when open. */
nav.elementor-nav-menu--dropdown.gc-nav-open li.menu-item-has-children > a::after {
  content: "\203A";
  float: right;
  margin-left: 8px;
  opacity: 0.55;
  transition: transform 0.2s ease;
}
nav.elementor-nav-menu--dropdown.gc-nav-open li.menu-item-has-children.gc-sub-open > a::after {
  transform: rotate(90deg);
}