/* Honest Junk — Super Gummies product pages (templates/single-super-gummies.php).
   Loaded after hj-product.css, which holds the shared product page styles; only what's
   different for the gummies lives here. */

body.hj-gummy-product {
	--sg-mango: #00A651;
	--sg-pomelo: #ED145B;
	--sg-citrus: #F7941D;
}

/* ── Flavour mood line above the title ───────────────────── */
.pdp-mood { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink); margin-bottom: var(--sp3); }
.pdp-mood__dot { width: 12px; height: 12px; border-radius: 50%; background: var(--sg-flavour, var(--rose)); border: 1.5px solid var(--ink); flex-shrink: 0; }

/* ── Coming-soon buy box ─────────────────────────────────── */
.pdp-stock--soon { color: var(--rose); }
.pdp-soon { display: flex; align-items: center; gap: var(--sp4); flex-wrap: wrap; }
.pdp-soon__btn { flex: 0 1 240px; justify-content: center; height: 56px; padding: 0 32px; font-size: 16px; }

/* ── Nutrition Facts ─────────────────────────────────────── */
/* The gummies' panel has five rows, so the heavy rule the shared panel puts on its
   5th-from-last child (Fat, here) moves to the last row. */
.hj-gummy-product .nf-panel__row:nth-last-child(5) { border-bottom: 1px solid #D9D6CF; }
.hj-gummy-product .nf-panel__row:nth-last-child(2) { border-bottom: 4px solid var(--ink); }

@media (max-width: 640px) {
	.pdp-mood { font-size: 12px; }
	.pdp-soon__btn { flex: 1 1 100%; }
}