/* Site audit overrides: shared public website polish while the full React migration continues. */
:root {
  --site-pixel-font: "Press Start 2P", ui-monospace, monospace;
  --site-pixel-outline: -1px -1px 0 #050505, 1px -1px 0 #050505, -1px 1px 0 #050505, 1px 1px 0 #050505, 2px 2px 0 rgba(0, 0, 0, 0.42);
  --site-pixel-body-size: 0.74rem;
  --site-pixel-small-size: 0.66rem;
}

body,
button,
input,
select,
textarea,
a,
.app-shell,
.app-shell * {
  font-family: var(--site-pixel-font) !important;
  text-shadow: var(--site-pixel-outline);
  letter-spacing: 0;
}

body,
.body-copy,
.section-body,
.hero-copy,
.bullet-list,
.status-chip,
.pill-link,
.nav-link,
.button {
  font-size: var(--site-pixel-body-size);
  line-height: 1.65;
}

h1 {
  font-size: clamp(2rem, 5vw, 4.4rem) !important;
  line-height: 1.05 !important;
}

h2,
.section-title {
  font-size: clamp(1.25rem, 2.6vw, 2.2rem) !important;
  line-height: 1.18 !important;
}

h3 {
  font-size: clamp(0.98rem, 1.5vw, 1.35rem) !important;
  line-height: 1.25 !important;
}

.site-header .header-inner {
  gap: 0.9rem;
}

.nav,
.header-actions {
  align-items: center;
  gap: 0.5rem;
}

.nav-link,
.header-actions .button,
.mobile-nav-toggle {
  min-height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 8px 22px rgba(0, 0, 0, 0.18);
  padding: 0.55rem 0.76rem;
  text-decoration: none;
  white-space: nowrap;
}

.header-actions a[href="/my-account/"] {
  display: inline-flex !important;
}

.header-actions .button.primary {
  background: #5ee7ff;
  border-color: #5ee7ff;
  color: #ffffff;
}

.nav a[href="/prism-agent/"] {
  font-size: 0 !important;
}

.nav a[href="/prism-agent/"]::after {
  content: "Buddy";
  font-size: var(--site-pixel-body-size);
}

.site-footer,
.site-footer * {
  font-size: var(--site-pixel-small-size) !important;
  line-height: 1.55 !important;
}

.site-footer-inner {
  gap: 0.45rem;
}

.footer-title {
  font-size: 0.8rem !important;
}

.prismcade-hub {
  font-size: var(--site-pixel-body-size);
}

@media (max-width: 860px) {
  .header-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .nav a[href="/prism-agent/"]::after {
    font-size: var(--site-pixel-body-size);
  }
}