/* Sprint 13 hotfix — runtime selectors that PurgeCSS dropped because the
 * attributes are only added at runtime by Webflow JS. Without these the
 * mobile hamburger nav opens to an invisible menu (display:none + opacity:0).
 */

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

/* Defensive: ensure overlay sits on top of page content */
.w-nav-overlay {
  z-index: 100;
}