/* ═══════════════════════════════════════════════════
   EMPTY STATE — /forecast/ with no location
   ═══════════════════════════════════════════════════ */

.wd-page--empty {
	min-height: 50vh;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: var(--wd-space-2xl) var(--wd-space-lg);
}

.wd-empty-state {
	max-width: 580px;
	width: 100%;
	text-align: center;
}

/* ── Header ── */
.wd-empty-state__title {
	font-family: var(--wd-font);
	font-size: var(--wd-font-size-2xl);
	font-weight: 700;
	color: var(--wd-green);
	margin: 0 0 var(--wd-space-sm);
}

.wd-empty-state__msg {
	font-family: var(--wd-font);
	font-size: var(--wd-font-size-lg);
	color: var(--wd-text-secondary);
	margin: 0 0 var(--wd-space-xl);
}

/* ── Search form override — center it ── */
.wd-empty-state__search .wd-weather-form {
	max-width: 100%;
}

.wd-empty-state__search .wd-form-label:empty {
	display: none;
}

/* ── Responsive ── */
@media (max-width: 480px) {
	.wd-page--empty {
		padding: var(--wd-space-xl) var(--wd-space-md);
	}

	.wd-empty-state__title {
		font-size: var(--wd-font-size-xl);
	}
}