/*
 * Educa authentication screens
 *
 * Covers:
 * 1) LearnDash registration form
 * 2) LearnDash registration success state
 * 3) WordPress wp-login.php
 */

/* =====================================================
   LEARNDASH REGISTRATION / SUCCESS
   ===================================================== */

.learndash-wrapper.ld-registration__outer-wrapper {
	--educa-auth-bg: #ffffff;
	--educa-auth-soft: #f6f8fc;
	--educa-auth-border: #dbe3ef;
	--educa-auth-text: #122033;
	--educa-auth-muted: #667085;
	--educa-auth-primary: #2563eb;
	--educa-auth-primary-hover: #1d4ed8;
	--educa-auth-focus: rgba(37, 99, 235, 0.16);

	width: 100%;
	max-width: 1180px;
	margin: 0 auto 48px;
	color: var(--educa-auth-text);
}

.learndash-wrapper.ld-registration__outer-wrapper,
.learndash-wrapper.ld-registration__outer-wrapper * {
	box-sizing: border-box;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__size-wrapper {
	width: 100%;
	max-width: none !important;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper {
	overflow: hidden;
	background: var(--educa-auth-bg);
	border: 1px solid var(--educa-auth-border);
	border-radius: 24px;
	box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

/*
 * The first direct column contains the registration form.
 * LearnDash leaves it almost flush with the card edge.
 */
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper > :first-child {
	padding: 40px 48px;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper h1,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper h2,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper h3 {
	color: var(--educa-auth-text);
	letter-spacing: -0.025em;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper p {
	color: var(--educa-auth-muted);
	line-height: 1.65;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper label {
	display: block;
	margin-bottom: 8px;
	color: var(--educa-auth-text);
	font-size: 14px;
	font-weight: 650;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper input[type="text"],
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper input[type="email"],
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper input[type="password"],
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper input[type="tel"],
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper input[type="url"],
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper select,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper textarea {
	width: 100%;
	min-height: 52px;
	padding: 12px 15px;
	color: var(--educa-auth-text);
	background: var(--educa-auth-soft);
	border: 1px solid #cbd5e1;
	border-radius: 12px;
	box-shadow: none;
	font: inherit;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background-color 0.2s ease;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper textarea {
	min-height: 120px;
	resize: vertical;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper input:focus,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper select:focus,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper textarea:focus {
	outline: none;
	background: #fff;
	border-color: var(--educa-auth-primary);
	box-shadow: 0 0 0 4px var(--educa-auth-focus);
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper input[type="submit"],
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper button[type="submit"],
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper a.button,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper .button,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper .learndash-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 11px 22px;
	color: #fff;
	background: var(--educa-auth-primary);
	border: 1px solid var(--educa-auth-primary);
	border-radius: 11px;
	box-shadow: 0 8px 20px rgba(37, 99, 235, 0.18);
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition:
		transform 0.2s ease,
		background-color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper input[type="submit"]:hover,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper button[type="submit"]:hover,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper a.button:hover,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper .button:hover,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper .learndash-button:hover {
	color: #fff;
	background: var(--educa-auth-primary-hover);
	border-color: var(--educa-auth-primary-hover);
	box-shadow: 0 10px 24px rgba(37, 99, 235, 0.24);
	transform: translateY(-1px);
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper button[type="button"] {
	min-height: 52px;
	padding: 10px 16px;
	color: #fff;
	background: #173b67;
	border: 1px solid #173b67;
	border-radius: 11px;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper a:not(.button):not(.learndash-button) {
	color: var(--educa-auth-primary);
	text-underline-offset: 3px;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper hr {
	border: 0;
	border-top: 1px solid var(--educa-auth-border);
}

/* Order details area. Attribute selector keeps the rule scoped
   to LearnDash registration components only. */
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper [class*="__order"] {
	background: #fbfcff;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper table {
	width: 100%;
	border-collapse: collapse;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper th,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper td {
	padding: 14px 0;
	border-bottom: 1px solid var(--educa-auth-border);
	text-align: left;
}

/* Registration-success state */
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered {
	display: block !important;
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 40px 48px;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered > :first-child {
	padding: 0;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered > *,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered .ld-registration-order {
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered [role="alert"],
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered .ld-alert,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered .learndash-notice {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 76px;
	margin: 0 0 18px;
	padding: 18px 22px;
	border: 1px solid #bfdbfe;
	border-radius: 14px;
	background: #eff6ff;
	color: #1e3a8a;
	box-shadow: none;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered .ld-alert-icon,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered .ld-icon {
	position: static !important;
	flex: 0 0 auto;
	margin: 0 !important;
	transform: none !important;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered .ld-alert-content,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered [role="alert"] > :last-child {
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}

/* Exact LearnDash Order Details block */
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration-order {
	width: 100%;
	padding: 36px 40px;
	background: #fbfcff;
	border-left: 1px solid var(--educa-auth-border);
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--is-registered
.ld-registration-order {
	margin-top: 0;
	padding: 32px!important;
	border: 1px solid var(--educa-auth-border);
	border-radius: 16px;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration-order h2,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration-order h3 {
	margin-top: 0;
}



/* =====================================================
   WORDPRESS LOGIN
   ===================================================== */

body.login {
	--educa-login-text: #122033;
	--educa-login-muted: #667085;
	--educa-login-border: #dbe3ef;
	--educa-login-primary: #2563eb;
	--educa-login-primary-hover: #1d4ed8;
	--educa-login-focus: rgba(37, 99, 235, 0.16);

	display: block;
	min-height: 100vh;
	padding: 64px 16px 40px;
	background:
		radial-gradient(
			circle at 15% 10%,
			rgba(37, 99, 235, 0.09),
			transparent 34%
		),
		#f4f7fb;
	color: var(--educa-login-text);
}

body.login #login {
	width: min(100%, 430px);
	margin: 0 auto;
	padding: 0;
}

body.login #login h1 {
	margin-bottom: 24px;
}

body.login #login h1 a {
	width: 240px;
	height: 66px;
	margin: 0 auto;
	background-position: center;
	background-size: contain;
}

body.login #login form {
	margin: 0;
	padding: 32px;
	background: #fff;
	border: 1px solid var(--educa-login-border);
	border-radius: 22px;
	box-shadow: 0 18px 50px rgba(15, 23, 42, 0.1);
}

body.login #login label {
	color: var(--educa-login-text);
	font-size: 14px;
	font-weight: 650;
}

body.login #login form .input,
body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"] {
	min-height: 52px;
	margin-top: 7px;
	padding: 10px 14px;
	color: var(--educa-login-text);
	background: #f7f9fc;
	border: 1px solid #cbd5e1;
	border-radius: 12px;
	box-shadow: none;
	font-size: 16px;
}

body.login #login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="email"]:focus,
body.login input[type="password"]:focus {
	outline: none;
	background: #fff;
	border-color: var(--educa-login-primary);
	box-shadow: 0 0 0 4px var(--educa-login-focus);
}

body.login .wp-pwd {
	position: relative;
}

body.login .button.wp-hide-pw {
	top: 8px;
	right: 6px;
	color: var(--educa-login-primary);
}

body.login .button-primary {
	min-height: 46px;
	padding: 0 22px;
	background: var(--educa-login-primary);
	border-color: var(--educa-login-primary);
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(37, 99, 235, 0.18);
	font-weight: 700;
	text-shadow: none;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: var(--educa-login-primary-hover);
	border-color: var(--educa-login-primary-hover);
	box-shadow: 0 10px 24px rgba(37, 99, 235, 0.24);
}

body.login .forgetmenot {
	margin-top: 8px;
}

body.login #nav,
body.login #backtoblog,
body.login .privacy-policy-page-link {
	margin: 18px 0 0;
	padding: 0;
	text-align: center;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	color: var(--educa-login-muted);
	text-underline-offset: 3px;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
	color: var(--educa-login-primary);
}

body.login .message,
body.login .notice,
body.login #login_error {
	margin: 0 0 18px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--educa-login-border);
	border-left-width: 1px;
	border-radius: 12px;
	box-shadow: none;
}


body.login .language-switcher {
	position: static;
	width: min(100%, 430px);
	margin: 22px auto 0;
	padding: 0;
	text-align: center;
}

body.login .language-switcher form {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

body.login .language-switcher select {
	min-height: 42px;
	padding: 6px 34px 6px 12px;
	background: #fff;
	border: 1px solid #cbd5e1;
	border-radius: 9px;
}

body.login .language-switcher .button {
	min-height: 42px;
	padding: 0 16px;
	border-radius: 9px;
}

@media (max-width: 767px) {
	.learndash-wrapper.ld-registration__outer-wrapper {
		margin-bottom: 32px;
	}

	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper--is-registered {
		padding: 24px 20px;
	}

	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration-order {
		width: 100%;
		padding: 28px 22px 24px;
		border-top: 1px solid var(--educa-auth-border);
		border-left: 0;
	}

	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper--is-registered
	.ld-registration-order {
		padding: 24px 20px;
		border: 1px solid var(--educa-auth-border);
	}

	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration-order input[type="submit"],
	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration-order .button,
	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration-order .learndash-button {
		width: 100%;
	}

	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper > :first-child {
		padding: 28px 22px;
	}


	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper button[type="button"] {
		width: 100%;
		margin-top: 10px;
	}

	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper {
		border-radius: 18px;
		box-shadow: 0 12px 34px rgba(15, 23, 42, 0.07);
	}

	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper input[type="submit"],
	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper button[type="submit"],
	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper a.button,
	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper .button,
	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper .learndash-button {
		width: 100%;
	}

	body.login {
		padding: 28px 16px 32px;
	}

	body.login #login form {
		padding: 24px 20px;
		border-radius: 18px;
	}
}
/* =====================================================
   LEARNDASH REGISTRATION SUCCESS — FINAL OVERRIDE
   ===================================================== */

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--logged-in.ld-registration__wrapper
.ld-registration-order {
	box-sizing: border-box;
	flex: 0 0 100%;
	width: 100%;
	max-width: none !important;
	margin: 0;
	padding: 32px 40px !important;
	background: #fbfcff;
	border: 1px solid var(--educa-auth-border);
	border-radius: 16px;
}

.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--logged-in.ld-registration__wrapper
.ld-registration-order h2,
.learndash-wrapper.ld-registration__outer-wrapper
.ld-registration__wrapper--logged-in.ld-registration__wrapper
.ld-registration-order h3 {
	margin-top: 0;
}

@media (max-width: 767px) {

	.learndash-wrapper.ld-registration__outer-wrapper
	.ld-registration__wrapper--logged-in.ld-registration__wrapper
	.ld-registration-order {
		width: 100%;
		max-width: none !important;
		padding: 24px 20px !important;
	}
}