/**
 * Section — Login
 *
 * data-material="water" resolves --ec-material-elevation to the Water
 * composite (materials.css) — the same generic alias every other
 * material-aware surface in this codebase already consumes.
 */

/* Login/Register finishing pass (7 Oct 2026): the old padding-top used an
   undefined token (--ec-space-10), which resolved to 0 and left the panel
   touching the header. The section now keeps the standard section
   padding (section.css) — the same clearance as Create Account. */
.ec-login-section {
	display: flex;
	justify-content: center;
}

.ec-login {
	width: 100%;
	max-width: 26rem;
	padding: var(--ec-space-8) var(--ec-space-6);
	border-radius: var(--ec-radius-lg);
	background-color: var(--ec-color-surface-elevated);
	box-shadow: var(--ec-material-elevation);
}

.ec-login__title {
	font-family: var(--ec-font-family-base);
	font-weight: var(--ec-font-weight-bold);
	font-size: var(--ec-font-size-h3);
	color: var(--ec-color-text-primary);
	margin: 0 0 var(--ec-space-2);
}

.ec-login__description {
	font-family: var(--ec-font-family-base);
	font-size: var(--ec-font-size-body-sm);
	color: var(--ec-color-text-secondary);
	margin: 0 0 var(--ec-space-6);
}

.ec-login__error {
	margin-bottom: var(--ec-space-4);
}

.ec-login__form {
	display: flex;
	flex-direction: column;
}

.ec-login-field {
	display: flex;
	flex-direction: column;
	gap: var(--ec-space-2);
	margin-bottom: var(--ec-space-4);
}

.ec-login-field__label {
	font-family: var(--ec-font-family-base);
	font-size: var(--ec-font-size-body-sm);
	font-weight: var(--ec-font-weight-medium);
	color: var(--ec-color-text-primary);
}

.ec-login__submit {
	width: 100%;
	margin-top: var(--ec-space-2);
}

.ec-login__new-customer {
	font-family: var(--ec-font-family-base);
	font-size: var(--ec-font-size-body-sm);
	color: var(--ec-color-text-secondary);
	text-align: center;
	margin: var(--ec-space-6) 0 0;
}

/* Password reset link (2026-10-02) — WordPress's own lost-password flow. */
.ec-login__forgot {
	margin: var(--ec-space-3) 0 0;
	font-size: var(--ec-font-size-body-sm);
	text-align: center;
}

/* Success notice (launch-blocker pass, 6 Oct 2026) — e.g. after a password reset. */
.ec-login__notice {
	margin: 0 0 var(--ec-space-4);
	padding: var(--ec-space-3) var(--ec-space-4);
	border-radius: var(--ec-radius-md);
	border: 1px solid color-mix(in srgb, var(--ec-color-success, #2fbf71) 45%, transparent);
	background: color-mix(in srgb, var(--ec-color-success, #2fbf71) 12%, transparent);
	color: var(--ec-color-text-primary);
	font-size: var(--ec-font-size-body-sm);
}

.ec-login .ec-login__submit[href] {
	display: inline-flex;
	box-sizing: border-box;
	justify-content: center;
	text-decoration: none;
}