/**
 * Merchonic — Password reset pages (forgot password / set new password).
 *
 * Unlike /login (which is designed in Elementor), these are plain WordPress
 * pages the plugin auto-creates, so the plugin brands them itself: a
 * self-contained periwinkle card that echoes the login page's left panel and
 * reads correctly on the theme's dark, full-bleed page template.
 *
 * Brand values sampled from the live login page:
 *   panel #94c3fc · headings in AcuminProExtraCondensed (supplied by the theme)
 *   · full-pill buttons (the brand's black "POST A JOB" pill) · Figtree body.
 *
 * Layered on top of login.css (loaded first), overriding it where the login
 * page's own theme/Elementor styling would otherwise be missing.
 */

.mc-login-root.mc-auth-standalone {
	box-sizing: border-box;
	max-width: 480px;
	margin: 56px auto;
	padding: 40px 36px 44px;
	background: #94c3fc;
	border: 0;
	border-radius: 28px;
	box-shadow: 0 20px 55px rgba(0, 0, 0, 0.28);
	color: #0b0b0c;
}

.mc-auth-standalone * { box-sizing: border-box; }

/* Brand mark */
.mc-auth-standalone .mc-auth-logo {
	display: block;
	height: 30px;
	width: auto;
	margin: 0 0 24px;
}

/* Heading — the theme supplies AcuminProExtraCondensed; keep it black, tight,
   and left-aligned like the login panel (login.css centers it). */
.mc-auth-standalone .mc-form-title {
	margin: 0 0 10px;
	color: #0b0b0c;
	text-align: left;
	line-height: 0.95;
}

.mc-auth-standalone .mc-form-description {
	margin: 0 0 22px;
	color: rgba(11, 11, 12, 0.72);
	font-size: 15px;
	line-height: 1.5;
}

/* Flatten login.css's inner white form card — the periwinkle panel is now the
   surface, so a nested card would look heavy. */
.mc-auth-standalone .mc-login-form {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
}

.mc-auth-standalone .mc-login-form-row {
	display: block;
	margin: 0;
}

.mc-auth-standalone .mc-field {
	margin-bottom: 14px;
}

/* White pill inputs with the brand's bold black outline. */
.mc-auth-standalone .mc-login-form input[type="text"],
.mc-auth-standalone .mc-login-form input[type="password"] {
	width: 100%;
	background: #ffffff;
	border: 1.5px solid #0b0b0c;
	border-radius: 999px;
	padding: 14px 22px;
	font-size: 15px;
	color: #0b0b0c;
	box-shadow: none;
}

.mc-auth-standalone .mc-login-form input::placeholder {
	color: #6b7280;
}

.mc-auth-standalone .mc-login-form input:focus {
	outline: none;
	border-color: #0b0b0c;
	box-shadow: 0 0 0 3px rgba(11, 11, 12, 0.18);
}

/* Black pill CTA — the brand's primary button. */
.mc-auth-standalone .mc-btn,
.mc-auth-standalone .mc-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #0b0b0c;
	color: #ffffff;
	border: 0;
	border-radius: 999px;
	padding: 15px 32px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	cursor: pointer;
	margin-top: 4px;
}

.mc-auth-standalone .mc-btn-primary:hover {
	background: #26262b;
}

/* Helper links (back to log in / request a new link). */
.mc-auth-standalone .mc-login-register-prompts {
	margin-top: 24px;
}

.mc-auth-standalone .mc-login-register-prompts p {
	margin: 4px 0;
	font-size: 14px;
	color: rgba(11, 11, 12, 0.78);
}

.mc-auth-standalone .mc-login-register-prompts a,
.mc-auth-standalone .mc-form-description a {
	color: #0b0b0c;
	font-weight: 600;
	text-decoration: underline;
}

/* Notices sit on the periwinkle panel — round them and keep them legible. */
.mc-auth-standalone .mc-login-notice {
	border-radius: 10px;
}