/*
 * **********************************************************************
 * Kadence Child Theme — Magic Link Login Form Styles
 *
 * @package  KadenceChild
 * @version  1.0.4
 * @updated  2026-06-18
 * **********************************************************************
 */

/* =============================================================================
   Form layout
   ============================================================================= */

.mah-login-form {
	max-width: 400px;
	margin: 2rem 0;
	background: #ffffff;
	border-radius: 12px;
	padding: 1.5rem 1.75rem;
}

/* =============================================================================
   Field
   ============================================================================= */

.mah-login-field {
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}

.mah-login-field label {
	font-size: .875rem;
	font-weight: 600;
	color: #444;
	margin-bottom: .3rem;
}

.mah-login-field input[type="email"] {
	padding: .55rem .75rem;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	font-size: 1rem;
	width: 100%;
	box-sizing: border-box;
	background: #fafafa;
	transition: border-color .15s, box-shadow .15s;
}

.mah-login-field input[type="email"]:focus {
	outline: none;
	border-color: #447a4f;
	box-shadow: 0 0 0 3px rgba(68, 122, 79, .15);
	background: #fff;
}

/* =============================================================================
   Submit button
   ============================================================================= */

.mah-login-submit {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin-top: .25rem;
}

.mah-login-submit button {
	background: #132618;
	color: #fff;
	border: none;
	padding: .7rem 1.4rem;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 5px;
	cursor: pointer;
	letter-spacing: .02em;
	white-space: nowrap;
	transition: background .15s;
}

.mah-login-submit button:hover {
	background: #447a4f;
}

.mah-login-create-btn {
	display: inline-flex;
	align-items: center;
	padding: .7rem 1.4rem;
	background: transparent;
	border: 1.5px solid #132618;
	border-radius: 5px;
	font-size: 1rem;
	font-weight: 600;
	color: #132618;
	text-decoration: none;
	letter-spacing: .02em;
	white-space: nowrap;
	transition: background .15s, color .15s;
}

.mah-login-create-btn:hover {
	background: #132618;
	color: #fff;
}

/* =============================================================================
   Messages
   ============================================================================= */

.mah-login-errors {
	list-style: none;
	max-width: 400px;
	margin: 0 0 1rem;
	padding: .75rem 1rem;
	background: #fff3f3;
	border-left: 4px solid #cc0000;
	border-radius: 0 4px 4px 0;
}

.mah-login-errors li {
	color: #cc0000;
	font-size: .9rem;
}

.mah-login-error {
	max-width: 400px;
	padding: .75rem 1rem;
	background: #fff3f3;
	border-left: 4px solid #cc0000;
	border-radius: 0 4px 4px 0;
	color: #cc0000;
	font-size: .9rem;
	margin-bottom: 1rem;
}

.mah-login-success {
	max-width: 400px;
	padding: .85rem 1.1rem;
	background: #f0fff4;
	border-left: 4px solid #2a7a40;
	border-radius: 0 4px 4px 0;
}

.mah-login-notice {
	padding: .75rem 1rem;
	background: #f5f5f5;
	border-radius: 4px;
}