/* G6M Menu Measure Fix V488d
   Builds on V488c (--js-display + no display:none !important).

   After measure fix, XF writes correct left/top (e.g. 1037.77px) but
   getComputedStyle(position) was "static" and positionRules matched [].
   XF getVerticalAbsolutePosition sets position:'' relying on .menu{position:absolute}.
   That core rule was not winning in our cascade (G6M overrides / neutralization).

   Restore XF positioning contract explicitly. Do NOT set left/top.
*/
:root { --g6m-menu-measure: V488d; }

html#XF body .menu,
html body .menu,
html#XF body .menu.menu--structural,
html#XF body .menu.menu--medium,
html#XF body .menu.menu--account,
html body .menu.menu--structural,
html body .menu.menu--medium,
html body .menu.menu--account {
  --js-display: block;
  position: absolute; /* XF contract — required when inline position is cleared */
}

html#XF body .menu:not(.is-active),
html#XF body .menu.menu--structural:not(.is-active),
html#XF body .menu.menu--medium:not(.is-active),
html#XF body .menu.menu--account:not(.is-active),
html#XF body .menu[aria-hidden="true"]:not(.is-active),
html#XF body .p-nav .menu:not(.is-active),
html#XF body .p-navgroup .menu:not(.is-active),
html#XF body .p-header .menu:not(.is-active),
html body .menu:not(.is-active),
html body .menu.menu--structural:not(.is-active),
html body .menu.menu--medium:not(.is-active),
html body .menu.menu--account:not(.is-active),
html body .menu[aria-hidden="true"]:not(.is-active),
html body .p-nav .menu:not(.is-active),
html body .p-navgroup .menu:not(.is-active),
html body .p-header .menu:not(.is-active),
html body .uix_searchBar .menu:not(.is-active),
html body .menu.g6m-dd-anchored:not(.is-active) {
  display: none; /* NOT !important */
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: none !important;
  animation: none !important;
  transform: none;
}

html#XF body .menu.is-active,
html body .menu.is-active {
  transition: none !important;
  animation: none !important;
}

html#XF body .menu.is-active > .menu-content,
html body .menu.is-active > .menu-content {
  animation: g6mMenuContentInV488 160ms ease-out;
}

@keyframes g6mMenuContentInV488 {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  html#XF body .menu.is-active > .menu-content,
  html body .menu.is-active > .menu-content { animation: none !important; }
}
/* END V488d */