/*
 * Shared hamburger behavior for the four public surfaces.
 * The homepage gutter is the reference for the toggle, Home control, and drawer.
 */

:where(
  body.ph-home,
  body.toward-mission,
  body.aa-contact-page,
  body.aa-login-page
) .aa-chrome-controls.header-controls {
  padding-left: max(var(--public-composition-gutter), env(safe-area-inset-left, 0px)) !important;
  padding-right: max(var(--public-composition-gutter), env(safe-area-inset-right, 0px)) !important;
}

:where(
  body.ph-home,
  body.toward-mission,
  body.aa-contact-page,
  body.aa-login-page
) .aa-chrome-header .glass-bar.controls-bar {
  overflow: visible !important;
}

html:has(body.ph-home.aa-chrome-nav-open),
html:has(body.toward-mission.aa-chrome-nav-open),
html:has(body.aa-contact-page.aa-chrome-nav-open),
html:has(body.aa-login-page.aa-chrome-nav-open),
body.ph-home.aa-chrome-nav-open,
body.toward-mission.aa-chrome-nav-open,
body.aa-contact-page.aa-chrome-nav-open,
body.aa-login-page.aa-chrome-nav-open {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}