/* The anniversary lockup and English navigation require 1360 CSS pixels.
   Browser zoom reduces the CSS viewport; switch to the menu before labels wrap. */
nav.fixed.top-0 a,
nav.fixed.top-0 button {
  white-space: nowrap;
}

.ace-nav-disclosure { display: none; position: relative; }
.ace-nav-disclosure > summary { cursor: pointer; list-style: none; padding: 8px; color: #2C3C66; }
.ace-nav-disclosure > summary::-webkit-details-marker { display: none; }
.ace-nav-panel { position: absolute; right: 0; top: calc(100% + 12px); width: min(288px, calc(100vw - 32px)); max-height: calc(100vh - 100px); overflow-y: auto; padding: 16px; background: white; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 12px 32px #2c3c6620; }
.ace-nav-panel a { display: block; padding: 10px 12px; }

@media (max-width: 1359px) {
  nav.fixed.top-0 > div > [class~="lg:flex"] {
    display: none;
  }

  nav.fixed.top-0 #menu-toggle {
    display: flex;
    flex-shrink: 0;
  }

  .ace-nav-disclosure { display: block; }

  #mobile-menu:not(.hidden) {
    display: block;
  }
}

@media (min-width: 1360px) {
  #mobile-menu {
    display: none;
  }
}

@media (max-width: 359px) {
  nav.fixed.top-0 img[src*="logo-25-anniversary"] {
    width: 120px !important;
  }

  nav.fixed.top-0 > div > .flex:last-child {
    gap: 8px;
  }

  nav.fixed.top-0 a.bg-secondary {
    padding-left: 12px;
    padding-right: 12px;
  }
}