@layer utilities {
  /**
  * Resets for megamenu and footer
  * This reset is required due to default list spacing in ods 1 and will be removed once megamenu and footer components are migrated to 1.
  **/
  .osk-footer-menu,
  .mm-header ul,
  .megamenu-header ul {
    max-width: none;
    margin-top: 0;

    li {
      margin-top: 0;
      margin-bottom: 0;
    }
  }

  /**
  * Fixes for header and megamenu when modal is open
  * This is required to prevent the header and megamenu from shifting when a modal is open due to scrollbar disappearance.
  * This is a temporary fix and will be removed once the header and megamenu components are migrated to ods2
  **/
  body.has-modal {
    .mm-header.is-sticky,
    .megamenu-header.is-sticky,
    [data-megamenu]:not(.non-sticky):not(.megamenu) {
      padding-right: var(--ods-modal-scrollbar-width, 0px);
    }
  }
}