/* Site-wide fixes layered over the ported WordPress page styles.
   Loaded after each page's own <style>, so these win on equal specificity. */

/* Nav logo: show the full wordmark on a light chip instead of a cropped square. */
html body .np-nav .brand-logo {
  width: auto !important;
  height: 42px !important;
  max-width: none !important;
  object-fit: contain !important;
  background: #ffffff;
  padding: 6px 10px;
  border-radius: 14px !important;
  box-sizing: border-box;
}

/* Sign-In: solid dark chip so it reads on light and dark backgrounds. */
html body .np-nav .nav-btn.ghost,
html body .mobile-drawer .nav-btn.ghost {
  color: #ffffff !important;
  background: rgba(15, 23, 42, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
html body .np-nav .nav-btn.ghost:hover,
html body .mobile-drawer .nav-btn.ghost:hover {
  background: rgba(15, 23, 42, 0.95) !important;
}

/* Full-bleed sections use 100vw, which is wider than the page when a vertical
   scrollbar is present; clip the sideways overflow instead of scrolling. */
html, body { overflow-x: clip; }

/* Footer badge + pricing-page brand mark: same cropping problem as the nav logo. */
html body .footer-brand-badge,
html body .brand-mark {
  width: 80px !important;
  height: 42px !important;
  box-sizing: border-box;
  padding: 6px 10px;
  background-color: #ffffff !important;
  background-image: url("/images/np-logo-nav.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-origin: content-box !important;
}