/* Live deploy overrides — complements header-mobile.css (IIS also loads /header-live-overrides.css) */

@media (max-width: 1199px) {
  body > button#mnav-toggle-root[data-mnav-toggle].mnav-toggle--portal,
  body > button#mnav-toggle-root.mnav-toggle--portal,
  button#mnav-toggle-root.mnav-toggle.mnav-toggle--inline.mnav-toggle--portal {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 17px) !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 2147483647 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #222222 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14) !important;
    cursor: pointer !important;
  }

  body > button#mnav-toggle-root .mnav-toggle__svg,
  body > button#mnav-toggle-root svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    pointer-events: none !important;
  }

  body > button#mnav-toggle-root .bi {
    display: none !important;
  }

  body.mobile-nav-open > button#mnav-toggle-root {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-nav-open main,
  body.mobile-nav-open footer,
  body.mobile-nav-open .modal-backdrop {
    pointer-events: none !important;
  }

  body.mobile-nav-open [data-mobile-nav-drawer].mnav--open,
  body.mobile-nav-open [data-mobile-nav-drawer].mnav--open * {
    pointer-events: auto !important;
  }
}

@media (min-width: 1200px) {
  body > button#mnav-toggle-root,
  .mnav-toggle--portal {
    display: none !important;
    pointer-events: none !important;
  }
}