/**
 * Presentation mode — buyer-facing activations (default).
 * Sandbox/portfolio surfaces keep internal navigation visible.
 */

/* ——— Hide internal / portfolio chrome ——— */
.page--presentation .demo-links,
.page--presentation .admin-link,
.page--presentation #demoAdminLink,
.page--presentation .demo-meta,
.page--presentation .footer .lead-cta {
  display: none !important;
}

.page--presentation .demo-brand-banner {
  display: none !important;
}

.page--presentation .site-footer,
.page--presentation .footer {
  margin-top: 0.4rem;
  padding-top: 0.55rem;
  border-top: 1px solid color-mix(in srgb, var(--brand-border, #d4e4cc) 55%, transparent);
}

.page--presentation .site-footer .copyright,
.page--presentation .footer .copyright {
  font-size: 0.72rem;
  opacity: 0.85;
}

.page--presentation .site-footer > p,
.page--presentation .footer > p {
  margin: 0.18rem 0;
  font-size: 0.72rem;
  line-height: 1.35;
  opacity: 0.88;
}

.page--presentation .footer .powered,
.page--presentation .site-footer .powered {
  font-size: 0.58rem;
  opacity: 0.42;
  margin-top: 0.35rem;
  letter-spacing: 0.03em;
}

/* ——— No catalog browse on buyer-facing activations (sandbox keeps #host-browse) ——— */
.page--presentation #host-browse,
.page--presentation .host-browse {
  display: none !important;
}

.page--presentation .host-nav a[href="#host-browse"] {
  display: none !important;
}

@media (max-width: 720px) {
  .page--presentation .hero {
    padding-top: 0.42rem;
    padding-bottom: 0.38rem;
  }

  .page--presentation .bbw-embed-outer {
    padding-bottom: 0.65rem;
  }

  .page--presentation .host-topbar {
    display: none;
  }

  .page--presentation .how {
    display: none;
  }
}

/* Sandbox: show all demo chrome (explicit overrides none) */
.page--sandbox .demo-brand-banner {
  display: block;
}

/* Portfolio hub uses index layout; class for optional styling */
.page--portfolio .demo-brand-banner {
  display: block;
}