/*
Theme Name: Lost Wishes
Description: Lost Wishes brand theme. Child of Twenty Twenty-Five.
Template: twentytwentyfive
Version: 0.2.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: lost-wishes
*/

/* ---------- Shared ---------- */

.lw-label {
	font-family: var(--wp--preset--font-family--manrope), system-ui, sans-serif;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	line-height: 1.4;
	text-transform: uppercase;
}

.lw-logo,
.lw-logo img {
	margin: 0;
}

.lw-logo img {
	display: block;
	height: auto;
}

/* Visually hidden but available to screen readers. */
.lw-cs .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---------- Header ---------- */

.lw-header .lw-nav {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

@media (max-width: 599px) {
	.lw-logo--header img {
		width: 64px !important;
	}
}

/* ---------- Coming soon page ---------- */

.lw-cs {
	--lw-sky: #93afce;
	--lw-night: #1f2a3a;
	--lw-gutter: clamp(20px, 4vw, 56px);

	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100vh;
	min-height: 100svh;
	margin: 0;
	padding: var(--lw-gutter);
	/* Lighter glow behind the dandelion, settling into the logo blue. */
	background:
		radial-gradient(ellipse 70% 55% at 50% 38%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 70%),
		var(--lw-sky);
	color: var(--lw-night);
	text-align: center;
}

body:has(.lw-cs) {
	background: #93afce;
}

.lw-cs > *,
.lw-cs__centre > * {
	margin-block: 0;
}

.lw-cs__centre {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 560px;
	padding-block: clamp(24px, 6vh, 72px);
}

.lw-cs .lw-cs__logo {
	width: min(72vw, 360px);
	margin-bottom: clamp(28px, 5vh, 48px);
}

.lw-cs__logo img {
	width: 100%;
}

.lw-cs__status {
	display: inline-flex;
	align-items: center;
	gap: 14px;
}

.lw-cs__status::before,
.lw-cs__status::after {
	content: "";
	width: 28px;
	height: 1px;
	background: currentColor;
	opacity: 0.6;
}

.lw-cs .lw-cs__lede {
	margin-top: 20px;
	font-family: var(--wp--preset--font-family--cormorant-garamond), Georgia, serif;
	font-size: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 1.15;
}

.lw-cs .lw-cs__note {
	max-width: 36ch;
	margin-top: 16px;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.6;
}

.lw-cs__legal {
	font-size: 0.6875rem;
}