/*
Theme Name: Always Friendly
Theme URI: https://alwaysfriendly.app
Author: Always Friendly
Author URI: https://alwaysfriendly.app
Description: Minimal block theme for the Always Friendly placeholder landing page. Deliberately small — a gradient stage and a logo. Expected to be replaced once the real site takes shape.
Version: 0.5.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alwaysfriendly
*/

/*
 * The stage: full viewport, warm red gradient, wordmark anchored in the bottom third.
 *
 * The stops are derived from the logo blob itself (#EE1414 / #CF292A): the mark's saturation,
 * hue leaned WARM toward orange, lightness running bright at the top to rich at the bottom.
 * The sweep is what keeps it happy — a flat red reads murky at full-viewport scale — but the
 * floor stays deliberately above crimson so it never turns moody.
 *
 * The wordmark is white and sits in the bottom third, over the deep end, so contrast is
 * comfortable (>6:1). Check contrast against the BOTTOM stop if you retune these.
 */
body {
	min-height: 100svh;
	background-color: var(--wp--preset--color--brand-red);
	background-image: linear-gradient(
		180deg,
		var(--wp--preset--color--brand-red-coral) 0%,
		var(--wp--preset--color--brand-red) 55%,
		var(--wp--preset--color--brand-red-deep) 100%
	);
	background-attachment: fixed;
}

.af-stage {
	min-height: 100svh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	background: transparent;

	/* Anchors the logo's center around the two-thirds line of the viewport. */
	padding-block-end: 18svh;
	padding-inline: 1.5rem;
}

.af-stage .wp-block-boldblocks-svg-block {
	/* The SVG's viewBox still carries the old blob's padding, so roughly a quarter of this
	   box is empty. Sized up to compensate — the wordmark itself lands near 400px. */
	width: min(540px, 84vw);
}

.af-stage .wp-block-boldblocks-svg-block svg {
	display: block;
	width: 100%;
	height: auto;
}

@media (prefers-reduced-motion: no-preference) {
	.af-stage .wp-block-boldblocks-svg-block {
		animation: af-rise 900ms cubic-bezier(0.2, 0.7, 0.3, 1) both;
	}

	@keyframes af-rise {
		from {
			opacity: 0;
			transform: translateY(0.75rem);
		}
		to {
			opacity: 1;
			transform: none;
		}
	}
}