/* ArneIron badge — placement for dev.vania-novikau.me (hub#4636 lane B).
 *
 * LAYOUT ONLY. The badge's own appearance — plate, border, label metrics and the
 * live glow over the "i" — comes from arneiron-badge.css exactly as the kit ships
 * it. Nothing here re-implements any of that, and nothing here nudges the glow:
 * its 71.11% / 35.20% anchor is measured from the artwork and only a re-crop may
 * change it.
 *
 * THE PROBLEM THIS SOLVES, measured rather than assumed
 * ----------------------------------------------------
 * getComputedStyle(.vnm-footer).backgroundColor reports rgb(2,2,2), which reads
 * like a flat near-black footer. It is not. The footer's visible surface is
 *     background-image: url(.../uploads/2026/04/vn-footer-bg.png)
 *     background-size: cover; background-position: 50% 0%; no-repeat
 * — a purple starfield. The <footer> element that WRAPS it is fully transparent
 * (rgba(0,0,0,0)) and <body> is WHITE. So a credit strip appended as a SIBLING of
 * .vnm-footer lands on white, and painting it #020202 to compensate produced a
 * hard black band under the starfield. Reading only the computed background-COLOR
 * is what hid this; the screenshot is what caught it.
 *
 * THE FIX: no second surface at all. The strip is transparent and is pulled up
 * into extra bottom padding on .vnm-footer, so it sits ON the footer's own
 * starfield. Because that background is `cover` on .vnm-footer itself, growing
 * that box grows the paint with it — there is exactly ONE copy of the image URL
 * and nothing here to drift when the theme changes it.
 *
 * One number, --vnm-mw-reserve, drives both halves of the overlap. It is declared
 * on the shared <footer> ancestor so the padding and the negative margin can
 * never be edited out of step.
 *
 * NO --light MODIFIER ON PURPOSE: that variant is for pale hosts. The badge sits
 * on the dark end of the starfield, so the kit's default near-black plate with its
 * red hairline is the correct one — matched against the kit's own preview.
 */

footer.wp-block-template-part {
	/* Vertical room reserved inside the footer's painted area for the credit
	   strip. Badge box is 60.5px tall at --ab-h:34px; the remainder is breathing
	   space above and below it. */
	--vnm-mw-reserve: 116px;
}

footer.wp-block-template-part > .vnm-footer {
	padding-bottom: var(--vnm-mw-reserve);
}

.vnm-made-with {
	margin-top: calc(-1 * var(--vnm-mw-reserve, 116px));
	padding: 30px var(--vnm-gutter, clamp(16px, 4vw, 32px)) 0;
	display: flex;
	justify-content: center;
	background: transparent;   /* the starfield below must show through */
	position: relative;        /* paint above the footer's background box */
	z-index: 1;
}

/* The one sizing knob the kit exposes. 34px is its default and sits mid-range
   (30-76px); below ~30px the i-stem blicks stop resolving and the mark reads as
   a single diagonal. At 34px the badge is ~209px wide, so it still fits a 320px
   viewport without a media query. */
.vnm-made-with .arneiron-badge {
	--ab-h: 34px;
}
