/* Desktop-only — live mrking5019.com header/login. Mobile untouched. */

@media (min-width: 1024px) {
  :root,
  body.guest-mode,
  body.user-mode {
    --header-content-height: 90px !important;
    --header-height: 90px !important;
  }

  body.guest-mode,
  body.user-mode {
    padding-bottom: 0;
  }

  #mk-header-slot .app-header,
  #mk-header-slot #main-header.app-header,
  body.guest-mode .app-header,
  body.user-mode .app-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #091840 !important;
    z-index: 100 !important;
    min-height: 90px !important;
    height: auto !important;
    padding-top: 0 !important;
  }

  /* Restore live grid — undo any leftover flex locks */
  #mk-header-slot .app-header__wrapper,
  body.guest-mode .app-header__wrapper,
  body.user-mode .app-header__wrapper {
    display: grid !important;
    grid-column-gap: 1.5rem !important;
    grid-template-columns: 1fr auto 1fr !important;
    grid-template-rows: 3fr 2fr !important;
    align-items: unset !important;
    justify-content: unset !important;
    height: var(--header-content-height, 90px) !important;
    min-height: var(--header-content-height, 90px) !important;
    max-height: none !important;
    max-width: 1420px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 1rem !important;
    gap: unset !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    position: relative !important;
    background-color: #091840 !important;
  }

  #mk-header-slot .app-header__wrapper::before,
  body.guest-mode .app-header__wrapper::before,
  body.user-mode .app-header__wrapper::before {
    content: "" !important;
    display: block !important;
    background-color: #091840 !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 / 3 !important;
    height: 100% !important;
    justify-self: center !important;
    position: absolute !important;
    width: 100vw !important;
  }

  body.guest-mode .app-header__menu-toggle,
  body.user-mode .app-header__menu-toggle,
  #mk-header-slot .app-header__menu-toggle {
    display: none !important;
  }

  body.guest-mode .app-header__logo,
  body.user-mode .app-header__logo,
  #mk-header-slot .app-header__logo {
    display: block !important;
    grid-column: 2 / 3 !important;
    grid-row: span 2 !important;
    align-self: center !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    height: calc(var(--header-content-height, 90px) - 0.5rem) !important;
    margin: 0 !important;
    order: unset !important;
    flex: unset !important;
  }

  body.guest-mode .app-header__logo img,
  body.user-mode .app-header__logo img,
  #mk-header-slot .app-header__logo img {
    height: 100% !important;
    max-height: unset !important;
    min-width: 164px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: unset !important;
    mix-blend-mode: normal;
  }

  body.guest-mode .app-header__auth,
  body.user-mode .app-header__auth,
  #mk-header-slot .app-header__auth {
    display: grid !important;
    grid-column: 3 / 4 !important;
    grid-row: 1 !important;
    grid-gap: 1rem !important;
    align-items: center !important;
    justify-content: end !important;
    justify-items: end !important;
    justify-self: end !important;
    align-self: center !important;
    position: static !important;
    margin: 0 !important;
    margin-left: 0 !important;
    width: auto !important;
    max-width: none !important;
    order: unset !important;
    flex: unset !important;
    transform: none !important;
  }

  body.guest-mode .app-header__links,
  #mk-header-slot .app-header__links {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Live desktop: nav links sit on row 2 beside the logo */
  body.guest-mode .app-header__links.left,
  #mk-header-slot .app-header__links.left {
    grid-column: 1 / 2 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
  }

  body.guest-mode .app-header__links.right,
  #mk-header-slot .app-header__links.right {
    grid-column: 3 / 4 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    margin-right: 0 !important;
  }

  /* Live JS adds these; force open on desktop clone */
  .app-header__slogan,
  .app-header__slogan.slogan-visible {
    display: flex !important;
    visibility: visible !important;
    transform: translate(0) !important;
    height: auto !important;
    overflow: visible !important;
  }

  .app-header__dropdown.dropdown--left,
  .app-header__dropdown.dropdown--left.dropdown--visible {
    display: flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translate(-1rem) !important;
    height: 55px !important;
    overflow: visible !important;
  }

  .app-header__warning,
  .app-header__warning.warning--visible {
    display: block !important;
    visibility: visible !important;
    transform: translate(1rem) !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Auth: live .login classes; hide mobile-only sticky footer chrome */
  .sticky-footer,
  .floating-notification-btn,
  .mk-fab {
    display: none !important;
  }

  .login.login--d {
    background: top / cover no-repeat url("../assets/images/mrt-bg-login-banner.jpg");
    background-color: #061025;
  }

  .login__container:before {
    background: 50% / contain no-repeat url("../images/redesign/lion-left.png");
  }

  .login__container:after {
    background: 50% / contain no-repeat url("../images/redesign/lion-right.png");
  }
}