/* =============================================================================
   Round 7 · product page — NAEM-SPEC #4 and the Essentials page

   #4 "move the product description so it sits below the Lab Report Status line"

   The description used to be printed twice, far down the buy panel: once in
   .pdp-secondary for wide screens and again inside the collapsed mobile
   .pdp-mobile-disclosure. woocommerce/single-product.php now prints it ONCE,
   directly under .report-state, as .pd-summary.pd-summary-lead.

   That is a promotion, not a move: the sentence has gone from supporting detail
   at the bottom of the panel to the first prose a reader meets, one line under
   the report status and above the price tiers. So it is set slightly larger and
   lighter than the specs text it used to sit beside, and it is given the same
   hairline separation the surrounding status rows already use, so the buy panel
   still reads as a stack of distinct rows rather than one block of text.

   Everything here is layout and rhythm only. No colour, radius or type family is
   invented: --muted, --line, --s* and the existing .body-copy face all come from
   style.css. Loaded on product pages only, from inc/round7-support-qr.php.
   ========================================================================== */

/* -----------------------------------------------------------------------------
   1 · The promoted description
   -------------------------------------------------------------------------- */

.buy-panel > .pd-summary-lead {
	/* Hairline above, not a box: the line continues the report-state / stock
	   rhythm above it instead of introducing a second card inside the panel. */
	margin: var(--s4) 0 0;
	padding-top: var(--s4);
	border-top: 1px solid var(--line);
	color: var(--muted);
	font-size: 15px;
	line-height: 1.6;
	/* An editor can paste several paragraphs into the short description. Capping
	   the measure keeps it readable at 1440 and keeps the price tiles, which are
	   the reason this panel exists, above the fold on a laptop. */
	max-width: 62ch;
}

.buy-panel > .pd-summary-lead > :first-child { margin-top: 0; }
.buy-panel > .pd-summary-lead > :last-child { margin-bottom: 0; }

.buy-panel > .pd-summary-lead p { margin: 0 0 var(--s3); }
.buy-panel > .pd-summary-lead p:last-child { margin-bottom: 0; }

.buy-panel > .pd-summary-lead strong,
.buy-panel > .pd-summary-lead b { color: var(--text); font-weight: 600; }

.buy-panel > .pd-summary-lead a {
	color: var(--accent-text);
	text-underline-offset: 2px;
}

/* A list in a short description is rare but legal; without this it loses its
   markers to the theme's list reset and reads as run-on lines. */
.buy-panel > .pd-summary-lead ul,
.buy-panel > .pd-summary-lead ol {
	margin: 0 0 var(--s3);
	padding-left: 1.2em;
	list-style: revert;
}

.buy-panel > .pd-summary-lead li { margin-bottom: var(--s1); }

/* The description now sits above the tier table, so the table needs the gap the
   description used to leave behind it. Only when the lead is actually present —
   a product with no short description keeps the old spacing exactly. */
.buy-panel > .pd-summary-lead + .pd-stock { margin-top: var(--s4); }

/* -----------------------------------------------------------------------------
   2 · The panels the description was lifted out of
   -------------------------------------------------------------------------- */

/* .pdp-secondary and .pdp-disclosure-body now begin with .pd-meta. Both used to
   rely on .pd-summary for their top spacing, so without this the specs grid
   collides with the divider above it. */
.pdp-secondary-desktop > .pd-meta:first-child,
.pdp-disclosure-body > .pd-meta:first-child { margin-top: 0; }

@media (max-width: 680px) {
	.buy-panel > .pd-summary-lead {
		margin-top: var(--m2, var(--s3));
		padding-top: var(--s3);
		font-size: 14.5px;
		max-width: none;
	}

	/* The phone layout stacks the whole panel; a 62ch measure would do nothing
	   here and the tighter rhythm above matches .buy-panel > .report-state. */
	.buy-panel > .pd-summary-lead + .pd-stock { margin-top: var(--s3); }
}

/* -----------------------------------------------------------------------------
   3 · Essentials (the reusable pen) — NAEM-SPEC #8

   single-product.php already omits the report panel, the report line, the trust
   statements and the free-pen band for an Essential, because none of them is
   true of a device. What is left is a shorter page, and these two rules stop the
   gallery column from looking like it failed to load: with the report panel gone
   it has nothing under the image, so it stops stretching and lets the buy panel
   set the height.
   -------------------------------------------------------------------------- */

.peptpro-r7-essential-pdp .pd-gal { align-self: start; }

/* Round 5 pinned the gallery to the height of the report panel beneath it. */
.peptpro-r7-essential-pdp .pd-gal .big { margin-bottom: 0; }