/**
 * Post-grid card hover-tilt effect, site-wide.
 * post-grid-tilt.js sets --tilt-x / --tilt-y / --tilt-scale per card on
 * mousemove; this file only defines the base transform + transition.
 *
 * MIGRATED 2026-07-23 from wp-content/themes/jdd-astra-child/css/post-grid-tilt.css into
 * this plugin (includes/styling-effects/). Content is unchanged from the theme copy --
 * verified identical 4deg max tilt / 1.015 hover scale / softened shadow / .post-grid-list
 * trigger class via live computed-style + visual comparison on the Neighborhoods archive
 * page before the theme copy was retired. Trigger class renamed to .box-tilt-effect in
 * 1.4.3 -- "post-grid-list" no longer made sense once this became a general-purpose effect.
 */
.box-tilt-effect {
	--tilt-x: 0deg;
	--tilt-y: 0deg;
	--tilt-scale: 1;
	transform: perspective(800px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--tilt-scale));
	transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
	will-change: transform;
}

.box-tilt-effect:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
	z-index: 1;
}

/* Center an incomplete last row instead of leaving it left-aligned. */
.fl-post-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}