.mt-menu-index, .mt-menu-arrow, .mt-menu-current, .mt-menu-library-title { display: none; }

@media (max-width: 980px) {
  :is(.mt-site-header, .mt-home-header):has(.mt-menu-nav .is-menu-open) { z-index: 100000; }
  .mt-menu-nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) { inset: 0; z-index: 100000; width: 100%; height: 100dvh; padding: max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); overflow-y: auto; color: var(--mt-text); background: var(--mt-bg); }
  .mt-menu-nav .is-menu-open .wp-block-navigation__responsive-close { width: 100%; max-width: none; }
  .mt-menu-nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog { margin-top: 0; min-height: calc(100dvh - 36px); }
  .mt-menu-nav .is-menu-open .wp-block-navigation__responsive-dialog::before { position: absolute; top: 15px; left: 0; content: "MAGNATYPE / MENU"; color: var(--mt-muted); font: 11px/14px var(--wp--preset--font-family--mono); letter-spacing: .8px; }
  /* Keep the native close control reachable when the menu exceeds the viewport. */
  .mt-menu-nav .is-menu-open .wp-block-navigation__responsive-container-close { position: sticky; top: 0; right: auto; z-index: 3; display: grid; width: 44px; height: 44px; margin-left: auto; place-items: center; padding: 11px; color: var(--mt-text); background: var(--mt-bg); border: 1px solid var(--mt-border); border-radius: 50%; }
  .mt-menu-nav .wp-block-navigation__responsive-container-close svg { width: 20px; height: 20px; }
  .mt-menu-nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { min-height: calc(100dvh - 80px); padding-top: 32px; align-items: stretch; justify-content: flex-start; gap: 0; }
  .mt-menu-nav .is-menu-open .wp-block-navigation__container { order: 0; width: 100%; align-items: stretch; justify-content: flex-start; gap: 0; }
  .mt-menu-nav .is-menu-open .mt-menu-row { display: flex !important; flex-direction: column; align-items: stretch; width: 100%; margin: 0; }
  .mt-menu-nav .is-menu-open .wp-block-navigation-item__content { display: grid; grid-template-columns: 16px minmax(0, 1fr) 18px; align-items: center; gap: 16px; width: 100%; min-height: 80px; padding: 0; border-top: 1px solid var(--mt-border); color: var(--mt-text); font: 600 44px/1 var(--wp--preset--font-family--display); letter-spacing: -1px; text-decoration: none; }
  .mt-menu-nav .is-menu-open .wp-block-navigation-item__content::after { content: none; }
  .mt-menu-nav .is-menu-open .mt-mobile-nav-only .wp-block-navigation-item__content { min-height: 52px; font: 400 16px/21px var(--wp--preset--font-family--ui); letter-spacing: 0; }
  .mt-menu-nav .is-menu-open .mt-menu-index { display: block; color: var(--mt-muted); font: 400 11px/14px var(--wp--preset--font-family--mono); letter-spacing: 0; }
  .mt-menu-nav .is-menu-open .mt-menu-arrow { display: flex; color: var(--mt-muted); }
  .mt-menu-nav .is-menu-open :is(.mt-menu-arrow, .mt-menu-current) svg { width: 18px; height: 18px; }
  .mt-menu-nav .is-menu-open [aria-current="page"] { color: var(--mt-link); }
  .mt-menu-nav .is-menu-open [aria-current="page"] .mt-menu-arrow { display: none; }
  .mt-menu-nav .is-menu-open [aria-current="page"] .mt-menu-current { display: flex; }
  .mt-menu-nav .is-menu-open .mt-menu-discover { margin-top: 20px; }
  .mt-menu-nav .is-menu-open :is(.mt-menu-discover, .mt-menu-support) .wp-block-navigation-item__content { min-height: 56px; }
  .mt-menu-nav .is-menu-open .mt-menu-library { margin-top: max(32px, calc(100dvh - 724px)); }
  .mt-menu-nav .is-menu-open .mt-menu-library-title { display: block; color: var(--mt-muted); font: 10px/13px var(--wp--preset--font-family--mono); letter-spacing: .8px; }
  .mt-menu-nav .is-menu-open .mt-menu-library .wp-block-navigation-item__content { border-top: 0; }
  .mt-menu-nav .is-menu-open .mt-cart-nav-item { padding-bottom: 2px; border-bottom: 1px solid var(--mt-border); }
  .mt-menu-nav .is-menu-open .mt-mobile-appearance { display: flex; align-items: center; justify-content: space-between; gap: 16px; order: 1; width: 100%; margin: 0; padding-top: 16px; color: var(--mt-muted); font: 13px/17px var(--wp--preset--font-family--ui); }
  .mt-menu-nav .mt-mobile-appearance .mt-theme-segmented { flex: 0 1 208px; background: var(--mt-menu-control-bg, var(--mt-surface-raised)); }
  .mt-menu-nav .mt-mobile-appearance button { font: 14px/18px var(--wp--preset--font-family--ui); }
  .mt-menu-nav .mt-mobile-appearance svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  .mt-menu-nav .is-menu-open :is(a, button):focus-visible { outline: 2px solid var(--mt-focus); outline-offset: -2px; }
}

@media (max-width: 980px) and (hover: hover) {
  .mt-menu-nav .is-menu-open :is(a, button):hover { color: var(--mt-link); }
}

@media (prefers-reduced-motion: no-preference) {
  .mt-menu-nav .is-menu-open .wp-block-navigation__responsive-dialog { animation: mt-panel-enter var(--mt-transition-fast) ease; }
}