/* Platform — Stats strip. Page-scoped, and it exists for one cell.
 *
 * Base pattern: patterns/solutions-stats.php
 * Base styles:  assets/css/sections/solutions-stats.css
 * Comp node:    2640:2857
 *
 * The comp's third statistic is the words "Same day" (2640:2872), not a
 * number. infinitus/stat-counter renders its value through counter() off a
 * typed <integer> custom property, so it cannot hold that cell — see the
 * DESIGN QA note in bin/platform-page/content/stats.php. The cell is a plain
 * two-paragraph group instead, and everything below exists to make it behave
 * like the two counters beside it.
 *
 * The values are copied from the block's own stylesheet
 * (src/blocks/stat-counter/style.scss), not re-derived from the comp: the
 * point is that the three cells cannot drift apart. Colours are NOT here —
 * both paragraphs carry palette presets so they stay editor controls, exactly
 * as the block splits it.
 *
 * Nothing in this file is reachable from another page: the page hook only the
 * inserted Platform copy carries starts every selector.
 *
 * EVERY SELECTOR IS COMPOUND, and that is load-bearing rather than tidy.
 * infinitus_section_stylesheets() glob()s this directory alphabetically, so
 * platform-*.css enqueues BEFORE solutions-*.css — a single-class page hook
 * ties the base pattern's own rules on specificity and then LOSES on source
 * order. Compounding the page hook with the base section class makes these
 * (0,3,x) and order-independent. The first build of this page shipped single
 * class selectors and the base won silently; the mechanism is documented at
 * the top of solutions-hero-contained-square.css.
 */

/* The comp's row gap is 30px, not the pattern's sp-12: 2640:2860 ends at
   x=373.33, the hairline stands at 403.33, and the next cell starts at 433.33.
   The markup carries a 30px blockGap so the gap stays an editor control, but
   that alone changes nothing here — core emits blockGap on a generated layout
   class at (0,1,0) and solutions-stats.css sets `gap: var(--solutions-stats-gap)`
   at (0,2,0), so the section rule wins. That custom property is the knob the
   base file put there for exactly this; repointing it is the whole override.

   With 30px gaps and two real hairlines each cell resolves to 372.67 rather
   than the comp's 373.33 — the comp draws its dividers as zero-width lines and
   the theme's hairline is an actual pixel. */
.infinitus-section--platform-stats.infinitus-section--solutions-stats {
	--solutions-stats-gap: 30px;
}

.infinitus-section--platform-stats.infinitus-section--solutions-stats .platform-stats__word {
	/* stat-counter is a flex column with an sp-2 gap between value and label. */
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--sp-2);

	/* The equal-thirds rule in solutions-stats.css keys off the block class
	   .wp-block-infinitus-stat-counter, which this cell does not have, so the
	   division is restated here. Without it the row gives this cell its
	   content width and the two counters share what is left. */
	flex: 1 1 0;
	min-width: 0;
}

/* Desktop/H2, the theme's h2 rung — the same two vars the block reads, so a
   change to the ladder moves all three cells together. */
.infinitus-section--platform-stats.infinitus-section--solutions-stats .platform-stats__word-value {
	font-size: var(--fs-h2);
	font-weight: 300;
	line-height: var(--lh-h2);
	margin: 0;
}

/* Body large: 18/28 in this theme. Figma calls it 24/36 and theme values win,
   which is the call the block's own stylesheet already made. */
.infinitus-section--platform-stats.infinitus-section--solutions-stats .platform-stats__word-label {
	font-size: var(--fs-body-lg);
	line-height: var(--lh-body-lg);
	margin: 0;
}

/* Mobile stack, mirroring the counters' own rule in solutions-stats.css:
   `flex: 1 1 0` in a column would divide the strip's HEIGHT between the three
   cells and squash them, so each sizes to its own content again. 767.98px, not
   1024.98px — the row keeps three columns through tablet (BugHerd #65). */
@media (max-width: 767.98px) {
	.infinitus-section--platform-stats.infinitus-section--solutions-stats .platform-stats__word {
		align-items: center;
		flex: 0 0 auto;
		text-align: center;
		width: 100%;
	}
}