/* Compact customer navigation for tablet and mobile.
   Loaded by site.js so product clean URLs and root pages share the same menu geometry. */
@media (max-width: 1120px) {
  body.customer-light .site-header.customer-header,
  body.customer-light .site-header {
    min-height: 68px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
  }

  body.customer-light .wordmark {
    min-width: 0;
  }

  body.customer-light .menu-toggle {
    width: auto !important;
    min-width: 88px;
    min-height: 42px;
    justify-self: end;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  body.customer-light .site-nav {
    top: 66px;
    right: 0;
    width: min(360px, calc(100vw - 30px));
    min-width: 0;
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    padding: 8px;
    gap: 0 !important;
  }

  body.customer-light .site-nav a,
  body.customer-light .site-nav a:not(.nav-cta) {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 9px 11px !important;
    line-height: 1.25;
  }

  body.customer-light .site-nav .nav-cta {
    min-height: 42px;
    margin-top: 4px;
    justify-content: center;
  }
}

@media (max-width: 760px) {
  body.customer-light .site-header.customer-header,
  body.customer-light .site-header {
    width: min(100% - 30px, 620px);
  }

  body.customer-light .wordmark strong {
    font-size: 15px;
  }

  body.customer-light .wordmark small {
    font-size: 7px;
  }

  body.customer-light .site-nav {
    width: 100%;
    max-width: 360px;
  }
}