/* The Pink Store — theme tokens + WordPress-specific helpers.
   Loaded after pink-template.css so these win. */

:root {
  /* The design system references next/font vars that don't exist in WordPress;
     set the resolved families here. (The Customizer also injects these inline.) */
  --display: "Cormorant Garamond", Georgia, serif;
  --body: "Jost", system-ui, sans-serif;
}

/* WP admin bar shouldn't sit over the sticky header weirdly */
.admin-bar .pt-header {
  top: 32px;
}
@media (max-width: 782px) {
  .admin-bar .pt-header {
    top: 46px;
  }
}

.pt-main {
  min-height: 40vh;
}

/* ── Mobile menu ─────────────────────────────────────────────────────────── */
.tps-burger {
  display: none;
  background: none;
  border: none;
  font-size: 1.3rem;
  color: var(--ink);
  cursor: pointer;
  line-height: 1;
}
@media (max-width: 900px) {
  .tps-burger {
    display: block;
  }
  body.tps-menu-open .nav-links {
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    padding: 1.5rem 2.5rem;
    z-index: 40;
  }
}

/* ── Homepage product grid (the [products] shortcode) ────────────────────── */
.tps-home-grid.products,
.pt-block .products {
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Generic page prose ──────────────────────────────────────────────────── */
.tps-prose {
  max-width: 42rem;
  margin: 0 auto;
  color: var(--soft);
  line-height: 1.85;
}
.tps-prose h2,
.tps-prose h3 {
  color: var(--ink);
  margin: 1.6rem 0 0.6rem;
}
.tps-prose a {
  color: var(--ink);
  border-bottom: 1px solid var(--line);
}
.tps-prose img {
  border-radius: 12px;
  margin: 1rem 0;
}