/* ============================================================
   Mahaney Madness — mobile header menu (≤767px)
   Hamburger toggle + dropdown. Desktop headers untouched.
   ============================================================ */
.mnav-toggle { display: none; }
.mnav-menu { display: none; }   /* hidden on desktop; the ≤767px block re-shows it as a flex dropdown */

@media (max-width: 767px) {
  /* hide desktop link groups on phones */
  .hp-links { display: none !important; }
  .ec-nav__links { display: none !important; }

  .mnav-toggle {
    display: inline-flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; padding: 0;
    border: none; background: transparent; cursor: pointer;
    color: var(--ink); -webkit-tap-highlight-color: transparent;
  }
  .ec-nav .mnav-toggle { color: #fff; }

  .mnav-toggle span, .mnav-toggle span::before, .mnav-toggle span::after {
    content: ""; display: block; position: absolute;
    width: 24px; height: 2px; background: currentColor; border-radius: 2px;
    transition: transform .25s ease, top .25s ease, opacity .2s ease;
  }
  .mnav-toggle span { position: relative; }
  .mnav-toggle span::before { top: -7px; }
  .mnav-toggle span::after  { top: 7px; }
  .mnav-toggle.open span { background: transparent; }
  .mnav-toggle.open span::before { top: 0; transform: rotate(45deg); }
  .mnav-toggle.open span::after  { top: 0; transform: rotate(-45deg); }

  .mnav-menu {
    position: absolute; top: 100%; left: 0; right: 0; z-index: 60;
    background: #fff; box-shadow: 0 16px 32px rgba(20,23,31,.18);
    display: flex; flex-direction: column;
    max-height: 0; overflow: hidden;
    transition: max-height .3s ease;
  }
  .mnav-menu.open { max-height: 60vh; }
  .mnav-menu a {
    padding: 16px 26px;
    font-family: var(--font-display); font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.98rem;
    color: var(--ink); text-decoration: none;
    border-top: 1px solid var(--slate-100);
  }
  .mnav-menu a:first-child { border-top: none; }
  .mnav-menu a:active { background: var(--blue-tint); color: var(--blue); }
}