/* Custom glue for legacy landing to work inside new project structure */

/* Ensure header matches screenshots: white bar, centered menu, button right */
#header { background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
#header .logo img { max-height: 56px; }

/* Mobile nav (slide in from left) */
.mobile-nav-toggle {
  position: fixed;
  right: 16px;
  top: 18px;
  z-index: 9999;
  border: 0;
  background: transparent;
  font-size: 28px;
  line-height: 1;
}

#mobile-nav-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,.35);
  z-index: 9996;
}

#mobile-nav {
  position: fixed;
  top: 0; left: 0;
  width: min(92vw, 420px);
  height: 100vh;
  background: #fff;
  z-index: 9997;
  transform: translateX(-105%);
  transition: transform .25s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

body.mobile-nav-active #mobile-nav { transform: translateX(0); }
body.mobile-nav-active #mobile-nav-overlay { display: block; }

#mobile-nav .mobile-nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* Keep logo size consistent when the mobile menu is open (matches header logo) */
#mobile-nav .mobile-nav-header img {
  max-height: 80px !important;
  width: auto !important;
}

#mobile-nav .mobile-nav-close {
  border: 0;
  background: transparent;
  font-size: 34px;
  line-height: 1;
}

#mobile-nav .mobile-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 18px 16px;
}

#mobile-nav ul { list-style: none; padding: 0; margin: 0; }
#mobile-nav ul li { border-top: 1px solid rgba(0,0,0,.08); }
#mobile-nav ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  color: #111;
  font-weight: 700;
}

#mobile-nav ul li ul { display: none; }
#mobile-nav ul li.mobile-nav-item-open > ul { display: block; }
#mobile-nav ul li ul li a { font-weight: 600; padding-left: 28px; }

/* Chevron */
#mobile-nav .chev { font-size: 20px; opacity: .7; }

/* Prevent background scroll when nav active */
body.mobile-nav-active { overflow: hidden; }