/* ===========================================================================
   MCR auth theming — the unified HivePress login / register modals (and the
   standalone /password-recover/ & /password-reset/ forms) brought in line with
   the marketing pages. Loaded only for logged-out visitors (see functions.php),
   since that's who ever sees an auth surface.
   =========================================================================== */

/* ── HivePress login / register modals ──────────────────────────────────── */
.hp-modal__title,
.hp-form--user-login .hp-form__title,
.hp-form--user-register .hp-form__title {
	font-family: var(--mcr-font-head, 'Fraunces', Georgia, serif);
	font-weight: 600;
	letter-spacing: -.01em;
	color: var(--mcr-text, #13243b);
}
.hp-modal .hp-form__label,
.hp-modal .hp-field__label {
	font-family: var(--mcr-font-body, 'Plus Jakarta Sans', system-ui, sans-serif);
	font-weight: 600;
	color: var(--mcr-text, #13243b);
}
.hp-modal .hp-field--text input,
.hp-modal .hp-field--email input,
.hp-modal .hp-field--password input,
.hp-modal .hp-field--text .hp-field,
.hp-modal input[type="text"],
.hp-modal input[type="email"],
.hp-modal input[type="password"] {
	border: 1px solid var(--mcr-border, #e7e2d8) !important;
	border-radius: 11px !important;
	padding: 11px 13px !important;
	font: 500 15px/1.3 var(--mcr-font-body, 'Plus Jakarta Sans', system-ui, sans-serif);
	background: #fff;
	color: var(--mcr-text, #13243b);
	box-sizing: border-box;
}
.hp-modal .hp-field input:focus {
	border-color: var(--mcr-teal, #0a7286) !important;
	box-shadow: 0 0 0 3px rgba(10, 138, 160, .16);
	outline: 0;
}
.hp-modal .hp-form__button.button-primary,
.hp-modal .hp-field--submit button,
.hp-modal button[type="submit"] {
	background: var(--mcr-teal, #0a7286) !important;
	border: 0 !important;
	border-radius: 11px !important;
	color: #fff !important;
	font-weight: 800;
	padding: 12px 22px;
	transition: background .16s ease, transform .14s ease;
}
.hp-modal .hp-form__button.button-primary:hover,
.hp-modal .hp-field--submit button:hover {
	background: var(--mcr-teal-deep, #086478) !important;
	transform: translateY(-1px);
}
.hp-modal .hp-form__action a,
.hp-modal .hp-form__footer a,
.hp-modal a { color: var(--mcr-teal, #0a7286); font-weight: 600; }

/* ── Standalone Houzez auth pages (password recover / reset) ─────────────── */
.login-form-wrap,
#login-register-form {
	font-family: var(--mcr-font-body, 'Plus Jakarta Sans', system-ui, sans-serif);
}
#login-register-form .nav-link { font-weight: 700; color: var(--mcr-text-mute, #5f6b7a); }
#login-register-form .nav-link.active { color: var(--mcr-teal, #0a7286); }
#login-register-form input:not([type="checkbox"]):not([type="radio"]) {
	border: 1px solid var(--mcr-border, #e7e2d8);
	border-radius: 11px;
	padding: 11px 13px;
}
#login-register-form input:focus { border-color: var(--mcr-teal, #0a7286); box-shadow: 0 0 0 3px rgba(10,138,160,.16); outline: 0; }
#login-register-form .btn-primary,
#houzez-login-btn {
	background: var(--mcr-teal, #0a7286);
	border-color: var(--mcr-teal, #0a7286);
	border-radius: 11px;
	font-weight: 800;
}