/* Stage 4B-10: shared final MENU polish rules. */

/* fab-v30-menu-legal-font-fix */

/* v30 — menu legal links match .menu-contact-meta span exactly in font size. */
.menu-footer .menu-legal-links span > a{
  font-size:var(--fab-font-minimum) !important;
}

/* fab-v33-menu-visual-fade-only */

/* v33: menu visual appears in place with opacity only; no lateral entrance. */
.menu-visual{
  transform:none!important;
  transition:opacity 1s .12s var(--ease)!important;
}
.menu-open .menu-visual{transform:none!important;}

/* Stage13 Hotfix02 — desktop MENU width contract / Safari parity.
   The desired desktop composition is a centered, capped content shell. Previous
   builds did not make that width contract explicit in the shared FAB component,
   so the result could depend on other cascade/runtime styles. Hotfix01 then
   incorrectly forced the shell itself to 100vw. Own the width here instead. */
.menu-panel{
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}

/* All grid children are allowed to shrink inside the authored shell. This also
   neutralizes the legacy `.menu-panel nav { min-width:min(420px,82vw) }` rule
   without changing the intended desktop composition. */
.menu-directory,
.menu-directory-body,
.menu-aside,
.menu-primary,
.menu-panel nav.menu-primary{
  min-width:0!important;
  box-sizing:border-box;
}

@media (min-width:1041px){
  .menu-shell{
    width:min(100%,var(--max,1440px))!important;
    max-width:var(--max,1440px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  .menu-primary{
    width:100%!important;
    max-width:100%!important;
  }
}

/* Stage13 Hotfix03 — ultra-wide desktop MENU geometry.
   The shell stops growing at 1440px, so its internal image column must not keep
   growing from a viewport-relative 29vw value after that point. At 1560px the
   approved layout resolves to ~452px for the visual column. Cap it there so the
   directory/navigation column never becomes narrower again on wider displays. */
@media (min-width:1281px){
  .menu-shell{
    grid-template-columns:clamp(340px,29vw,452px) minmax(0,1fr)!important;
  }
}

/* Tablet / smartphone remain intentionally edge-to-edge. */
@media (max-width:1040px){
  .menu-shell{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* The open-menu header is already nearly opaque. Avoid Safari's additional
   backdrop compositing layer during the dialog state; closed/scrolled blur remains. */
.menu-open .header{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}