/* =========================================================
   FOUNDRY MOBILE NAV — SHARED GEOMETRY CONTRACT

   Geometry only. Page-specific titles, colours and finishes stay in
   their existing stylesheets.
   ========================================================= */

@media (max-width: 700px) and (orientation: portrait) {
  body .foundry-global-nav,
  body .foundry-global-nav.foundry-global-nav--menu-only {
    top: max(8px, env(safe-area-inset-top)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    left: auto !important;
    width: 144px !important;
    height: 48px !important;
    grid-template-columns: repeat(3, 48px) !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  body .foundry-global-nav .foundry-global-back,
  body .foundry-global-nav .foundry-global-home,
  body .foundry-global-nav .foundry-global-menu {
    display: flex !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
  }
}

@media (orientation: landscape) and (max-width: 1100px) and (max-height: 700px) {
  body .foundry-global-nav,
  body .foundry-global-nav.foundry-global-nav--menu-only {
    top: max(6px, env(safe-area-inset-top)) !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    left: auto !important;
    width: 132px !important;
    height: 44px !important;
    grid-template-columns: repeat(3, 44px) !important;
    gap: 0 !important;
    padding: 0 !important;
  }

  body .foundry-global-nav .foundry-global-back,
  body .foundry-global-nav .foundry-global-home,
  body .foundry-global-nav .foundry-global-menu {
    display: flex !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
  }
}

@media (max-width: 700px) and (orientation: portrait),
       (orientation: landscape) and (max-width: 1100px) and (max-height: 700px) {
  body .foundry-global-nav,
  body .foundry-global-nav.foundry-global-nav--menu-only {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: color-mix(in srgb, currentColor 18%, transparent) !important;
    border-radius: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
  }

  body .foundry-global-nav::before,
  body .foundry-global-nav::after {
    display: none !important;
  }

  body .foundry-global-nav .foundry-global-control + .foundry-global-control {
    border-left: 1px solid color-mix(in srgb, currentColor 14%, transparent) !important;
  }

  body .foundry-global-nav .foundry-global-control + .foundry-global-control::before {
    display: none !important;
  }

  body .foundry-global-nav .foundry-global-control svg {
    width: 27px !important;
    height: 27px !important;
  }

  body .foundry-global-nav .foundry-global-home svg {
    width: 28px !important;
    height: 28px !important;
  }

  body .foundry-global-nav .foundry-global-menu {
    gap: 5px !important;
  }

  body .foundry-global-nav .foundry-global-menu span {
    width: 28px !important;
    height: 2px !important;
  }

  body.foundry-global-open .foundry-global-nav .foundry-global-menu span:nth-child(1),
  body.menu-open .foundry-global-nav .foundry-global-menu span:nth-child(1) {
    width: 28px !important;
    transform: translate(1px, 7px) rotate(46deg) !important;
  }

  body.foundry-global-open .foundry-global-nav .foundry-global-menu span:nth-child(3),
  body.menu-open .foundry-global-nav .foundry-global-menu span:nth-child(3) {
    width: 30px !important;
    transform: translate(-2px, -7px) rotate(-43deg) !important;
  }
}
