/*
 * EnableU - Branded login styles for /login/ (PMPro [pmpro_login]) and
 * /login-2/ (User Registration [user_registration_login]).
 *
 * EVERY rule in this file is namespaced under `.enableu-login` so it cannot
 * leak into PMPro checkout, account, billing, invoice, or any other page.
 * The wrapper class is added by templates/template-login.php in the EnableU
 * theme and is auto-applied to those two slugs by the `template_include`
 * filter in the theme's functions.php.
 *
 * The branded shell uses dedicated component classes (.enableu-login__*)
 * instead of raw Tailwind utilities, so the layout is guaranteed to render
 * correctly even though the theme ships a Next.js-purged Tailwind build
 * that may have tree-shaken responsive utilities such as lg:grid-cols-2,
 * lg:hidden, lg:block, etc.
 */

/* ============================================================
 * 0) Reset on the login body itself
 * ============================================================ */

body.enableu-login-body {
	margin: 0;
	padding: 0;
	background: linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #eff6ff 100%);
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: #111827;
	min-height: 100vh;
}

body.enableu-login-body #wpadminbar {
	display: none !important;
}

body.enableu-login-body html {
	margin-top: 0 !important;
}

/* ============================================================
 * 1) Shell layout
 * ============================================================ */

.enableu-login {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: #111827;
}

.enableu-login.enableu-login--shell {
	min-height: 100vh;
	width: 100%;
	display: block;
}

.enableu-login__grid {
	min-height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
	.enableu-login__grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* ============================================================
 * 2) Brand pane (left side, desktop only)
 * ============================================================ */

.enableu-login__aside {
	display: none;
}

@media (min-width: 1024px) {
	.enableu-login__aside {
		position: relative;
		display: block;
		overflow: hidden;
	}
}

.enableu-login__aside-bg {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(to bottom right, #dbeafe 0%, #ffffff 50%, #ecfdf5 100%);
}

.enableu-login__aside-blob {
	position: absolute;
	border-radius: 9999px;
	filter: blur(64px);
}

.enableu-login__aside-blob--top {
	top: -6rem;
	left: -6rem;
	height: 24rem;
	width: 24rem;
	background-color: rgba(191, 219, 254, 0.4);
}

.enableu-login__aside-blob--bottom {
	bottom: -6rem;
	right: -6rem;
	height: 28rem;
	width: 28rem;
	background-color: rgba(167, 243, 208, 0.4);
}

.enableu-login__aside-veil {
	position: absolute;
	inset: 0;
	background-color: rgba(255, 255, 255, 0.35);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.enableu-login__aside-inner {
	position: relative;
	z-index: 10;
	display: flex;
	height: 100%;
	min-height: 100vh;
	align-items: center;
	justify-content: center;
	padding: 2rem;
}

.enableu-login__aside-content {
	width: 100%;
	max-width: 36rem;
}

/* Persona-tile row */
.enableu-login__personas {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin: 0 0 1.5rem 0;
}

.enableu-login__persona-cell {
	flex: 1 1 0;
	display: flex;
	justify-content: center;
}

.enableu-login__personas--mobile {
	overflow-x: auto;
	margin-bottom: 1rem;
}

.enableu-login__personas--mobile .enableu-login__persona-cell {
	flex-shrink: 0;
}

/* Brand card (sits inside the brand pane) */
.enableu-login__brand-card {
	border-radius: 1.5rem;
	background-color: rgba(255, 255, 255, 0.85);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	padding: 2.5rem 2rem;
}

.enableu-login__brand-card--compact {
	padding: 1.75rem 1.5rem;
	border-radius: 1.5rem;
}

.enableu-login__brand-row {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0 0 1rem 0;
}

.enableu-login__brand-row--compact {
	margin-bottom: 0.75rem;
}

.enableu-login__brand-mark {
	height: 3rem;
	width: 3rem;
	border-radius: 0.75rem;
	background-color: #2563eb;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-weight: 700;
	font-size: 1.125rem;
	letter-spacing: 0.025em;
}

.enableu-login__brand-mark--sm {
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 0.5rem;
	font-size: 0.875rem;
}

.enableu-login__brand-name {
	font-size: 1.5rem;
	font-weight: 600;
	color: #1f2937;
}

/* When the brand-name is rendered as a link to the home page, neutralize
 * the inherited theme link color/underline so it visually matches the
 * sibling .enableu-login__brand-mark and the original span variant. */
a.enableu-login__brand-name,
a.enableu-login__brand-name:visited {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

a.enableu-login__brand-name:hover,
a.enableu-login__brand-name:focus {
	text-decoration: none;
	color: inherit;
}

.enableu-login__brand-name--sm {
	font-size: 1.125rem;
}

.enableu-login__headline {
	font-size: 1.875rem;
	line-height: 1.2;
	font-weight: 800;
	color: #111827;
	margin: 0;
}

@media (min-width: 768px) {
	.enableu-login__headline {
		font-size: 2.25rem;
	}
}

.enableu-login__headline--sm {
	font-size: 1.25rem;
	margin-top: 0;
}

.enableu-login__accent {
	color: #2563eb;
}

.enableu-login__lede {
	margin: 0.75rem 0 0 0;
	font-size: 1rem;
	color: #374151;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.enableu-login__lede {
		font-size: 1.125rem;
	}
}

.enableu-login__bullets {
	margin: 1.5rem 0 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: #1f2937;
}

@media (min-width: 768px) {
	.enableu-login__bullets {
		font-size: 1rem;
	}
}

.enableu-login__bullets li {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

.enableu-login__bullet-dot {
	margin-top: 0.5rem;
	display: inline-block;
	height: 0.375rem;
	width: 0.375rem;
	border-radius: 9999px;
	background-color: #2563eb;
	flex-shrink: 0;
}

/* ============================================================
 * 3) Right pane (login form) layout
 * ============================================================ */

.enableu-login__main {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 2.5rem 1.5rem;
}

@media (min-width: 1024px) {
	.enableu-login__main {
		justify-content: center;
		padding: 3rem 1.5rem;
	}
}

.enableu-login__main-inner {
	width: 100%;
	max-width: 28rem;
}

.enableu-login__heading {
	margin-bottom: 1.5rem;
}

.enableu-login__title {
	font-size: 1.25rem;
	font-weight: 600;
	color: #111827;
	margin: 0;
}

.enableu-login__subtitle {
	margin: 0.5rem 0 0 0;
	font-size: 0.875rem;
	color: #4b5563;
}

/* Mobile-only compact brand block (shown above the login form on small screens) */
.enableu-login__mobile-brand {
	width: 100%;
	max-width: 28rem;
	margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
	.enableu-login__mobile-brand {
		display: none;
	}
}

/* ============================================================
 * 4) Login card (wraps the unmodified PMPro / UR shortcode output)
 * ============================================================ */

.enableu-login__card {
	border-radius: 1rem;
	border: 1px solid #e5e7eb;
	background-color: #ffffff;
	padding: 1.25rem;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

@media (min-width: 640px) {
	.enableu-login__card {
		padding: 1.5rem;
	}
}

/* ============================================================
 * 5) Form override - PMPro [pmpro_login] + User Registration
 * ============================================================ */

.enableu-login__card form,
.enableu-login__card .pmpro_login_wrap,
.enableu-login__card .pmpro_form,
.enableu-login__card #loginform,
.enableu-login__card .ur-frontend-form,
.enableu-login__card #ur-frontend-form,
.enableu-login__card .user-registration-form,
.enableu-login__card .user-registration-form-login {
	background: transparent;
	border: 0;
	/* User Registration's user-registration-default-frontend.css ships
	 * `.ur-frontend-form { box-shadow: 0 4px 16px ..., 0 8px 32px ...; }`
	 * which wins over an unflagged `box-shadow: none` here due to its
	 * own enqueue order. Force-disable shadows on every form wrapper so
	 * the only visible card is the outer `.enableu-login__card`. */
	box-shadow: none !important;
	margin: 0;
	padding: 0;
	max-width: none;
	width: 100%;
}

.enableu-login__card .ur-form-row,
.enableu-login__card .ur-form-grid {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.enableu-login__card .pmpro_card,
.enableu-login__card .pmpro_section,
.enableu-login__card .pmpro_card_content,
.enableu-login__card .ur-frontend-form fieldset {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0 0 1rem 0;
}

.enableu-login__card .pmpro_card_title,
.enableu-login__card legend {
	display: none;
}

/* Stack rows with consistent spacing. */
.enableu-login__card .pmpro_form_field,
.enableu-login__card .user-registration-form-row,
.enableu-login__card .form-row,
.enableu-login__card .login-username,
.enableu-login__card .login-password,
.enableu-login__card .login-remember,
.enableu-login__card .login-submit {
	margin: 0 0 1rem 0;
	padding: 0;
	width: 100%;
}

/* wp_login_form() wraps each field as <p class="login-username">/<p class="login-password">
 * containing BOTH <label> and <input> as inline-context children. PMPro and WP-core
 * styles can apply flex / inline-block rules to those paragraphs which causes the
 * label to sit beside the input (squeezing the input to a fraction of the row).
 * Force a column layout so label always sits on top and the input (or its decorated
 * .enableu-login__field span) takes the full row width - matching the email field
 * and the User Registration form on /login/. */
.enableu-login__card .login-username,
.enableu-login__card .login-password,
.enableu-login__card .login-submit {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
}

.enableu-login__card .login-username > label,
.enableu-login__card .login-password > label {
	width: 100%;
}

.enableu-login__card .login-username > .enableu-login__field,
.enableu-login__card .login-password > .enableu-login__field {
	width: 100%;
	display: block;
}

.enableu-login__card .form-row.form-row {
	float: none;
	clear: both;
}

/* PMPro card chrome reset: the [pmpro_login] shortcode wraps the form in
 * .pmpro > section.pmpro_login > .pmpro_card.pmpro_login_wrap >
 * .pmpro_card_content. PMPro ships its own stylesheet that paints the
 * card with borders, padding and a heading section - strip that so the
 * branded shell's outer .enableu-login__card is the only visible card. */
.enableu-login__card .pmpro,
.enableu-login__card .pmpro_section,
.enableu-login__card #pmpro_login,
.enableu-login__card .pmpro_login_wrap,
.enableu-login__card .pmpro_card_content {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: none !important;
}

/* WP core login form: the wrapping <form id="loginform"> ships with a
 * default 24px top padding from the WP "login" stylesheet on some setups.
 * Force it to behave like a plain block. */
.enableu-login__card #loginform {
	padding: 0;
	margin: 0;
}

/* Remember-me row from wp_login_form is rendered as a <p class="login-remember">
 * with the checkbox label inside. Inline it so the checkbox sits next to its
 * text instead of stacking. */
.enableu-login__card .login-remember label {
	display: inline-flex !important;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: #4b5563;
	font-weight: 400;
	margin: 0 !important;
	cursor: pointer;
}

/* Labels. */
.enableu-login__card label,
.enableu-login__card .pmpro_form_label,
.enableu-login__card .ur-label {
	display: block;
	margin: 0 0 0.5rem 0;
	font-size: 0.875rem;
	font-weight: 500;
	color: #374151;
}

.enableu-login__card .required {
	color: #dc2626;
	margin-left: 0.125rem;
}

/* Inputs. */
.enableu-login__card input[type="text"],
.enableu-login__card input[type="email"],
.enableu-login__card input[type="password"],
.enableu-login__card input[type="url"],
.enableu-login__card input[type="tel"],
.enableu-login__card .user-registration-Input,
.enableu-login__card .pmpro_form_input {
	display: block !important;
	width: 100% !important;
	padding: 0.625rem 0.75rem !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	color: #111827 !important;
	background-color: #ffffff !important;
	border: 1px solid #d1d5db !important;
	border-radius: 0.75rem !important;
	box-shadow: none !important;
	outline: none !important;
	transition: box-shadow 0.15s ease, border-color 0.15s ease;
	box-sizing: border-box !important;
	height: auto !important;
	min-height: 2.5rem !important;
}

.enableu-login__card input[type="text"]:focus,
.enableu-login__card input[type="email"]:focus,
.enableu-login__card input[type="password"]:focus,
.enableu-login__card .user-registration-Input:focus {
	border-color: #3b82f6 !important;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5) !important;
}

.enableu-login__card input[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
}

/* User Registration wraps inputs in <span class="input-wrapper">/<span class="password-input-group">.
 * Make those spans behave as block containers so our absolute-positioned icons
 * have a positioning parent. */
.enableu-login__card .input-wrapper,
.enableu-login__card .password-input-group {
	position: relative !important;
	display: block !important;
	width: 100% !important;
}

/* Hide User Registration's built-in show-password link AND its plugin
 * field icons (ur-icon-user / ur-icon-password) - we render our own
 * Lucide icons via the script in template-login.php. */
.enableu-login__card .password_preview,
.enableu-login__card .ur-icon,
.enableu-login__card .ur-icon-user,
.enableu-login__card .ur-icon-password {
	display: none !important;
}

/* Hide PMPro's built-in "Show Password" toggle (rendered by
 * pmpro_login_form() and JS-moved into .login-password). The branded
 * shell already provides its own Lucide eye toggle, so we don't want
 * two visible toggles - and PMPro's button was being mis-styled by
 * generic .pmpro_btn rules into a big blue pill next to the label. */
.enableu-login__card .pmpro_form_field-password-toggle {
	display: none !important;
}

/* Decorated field wrapper added by the template script. */
.enableu-login__field {
	position: relative;
	display: block;
	width: 100%;
}

.enableu-login__field input[type="text"],
.enableu-login__field input[type="email"],
.enableu-login__field input[type="password"],
.enableu-login__field .user-registration-Input {
	padding-left: 2.5rem !important;
}

.enableu-login__field input[type="password"] {
	padding-right: 2.5rem !important;
}

.enableu-login__icon {
	position: absolute;
	display: inline-flex;
}

.enableu-login__icon--leading {
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	color: #9ca3af;
	pointer-events: none;
}

.enableu-login__toggle {
	position: absolute;
	right: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: 0;
	padding: 0.375rem;
	margin: 0;
	color: #6b7280;
	cursor: pointer;
	display: inline-flex;
	border-radius: 0.375rem;
	box-shadow: none;
	width: auto;
	height: auto;
	line-height: 1;
}

.enableu-login__toggle:hover {
	color: #111827;
	background: transparent;
}

.enableu-login__toggle:focus-visible {
	outline: 2px solid #3b82f6;
	outline-offset: 2px;
}

/* Remember-me + lost-password row (UR wraps these in .user-registration-before-login-btn). */
.enableu-login__card .user-registration-before-login-btn {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0 0 1rem 0;
	flex-wrap: wrap;
}

.enableu-login__card .user-registration-before-login-btn > div {
	margin: 0;
}

.enableu-login__card .user-registration-form__label-for-checkbox,
.enableu-login__card .pmpro_form_field-checkbox label,
.enableu-login__card .login-remember label {
	display: inline-flex !important;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: #4b5563;
	font-weight: 400;
	margin: 0 !important;
	cursor: pointer;
}

.enableu-login__card .user-registration-form__label-for-checkbox span {
	font-size: 0.875rem;
	color: #4b5563;
}

.enableu-login__card input[type="checkbox"] {
	width: 1rem !important;
	height: 1rem !important;
	border: 1px solid #d1d5db;
	border-radius: 0.25rem;
	accent-color: #2563eb;
	margin: 0 !important;
	min-height: 0 !important;
}

.enableu-login__card .user-registration-LostPassword,
.enableu-login__card .lost_password {
	margin: 0;
	font-size: 0.875rem;
}

.enableu-login__card .user-registration-LostPassword a,
.enableu-login__card .lost_password a {
	color: #2563eb;
	text-decoration: none;
}

.enableu-login__card .user-registration-LostPassword a:hover,
.enableu-login__card .lost_password a:hover {
	text-decoration: underline;
}

/* PMPro bottom action nav ("Join Now | Lost Password?"). The plugin
 * wraps it in .pmpro_card_actions > .pmpro_actions_nav and ships its
 * own .pmpro stylesheet that paints it as a gray pill - reset that and
 * present it as a simple centered text-link row matching the "Don't
 * have an account? Sign up" line on stage.enableu.com/login. */
.enableu-login__card .pmpro_card_actions {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 1rem 0 0 0 !important;
}

.enableu-login__card .pmpro_actions_nav {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	font-size: 0.875rem;
	color: #4b5563;
}

.enableu-login__card .pmpro_actions_nav a {
	color: #2563eb;
	text-decoration: none;
	font-weight: 500;
}

.enableu-login__card .pmpro_actions_nav a:hover {
	text-decoration: underline;
}

/* Primary submit button.
 *
 * NOTE: We deliberately do NOT include the bare `.pmpro_btn` class here
 * because PMPro reuses it for non-submit controls (e.g. the password-toggle
 * button in pmpro_login_form()). Targeting only the actual submit element
 * (input[type="submit"], button[type="submit"], .pmpro_btn-submit, #wp-submit)
 * keeps the styling scoped to the real "Log In" action. */
.enableu-login__card input[type="submit"],
.enableu-login__card button[type="submit"],
.enableu-login__card .pmpro_btn-submit,
.enableu-login__card .ur-submit-button,
.enableu-login__card .user-registration-Button,
.enableu-login__card #wp-submit {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	margin: 0.5rem 0 0 0 !important;
	padding: 0.75rem 1rem !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #ffffff !important;
	background-color: #2563eb !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0.75rem !important;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease, opacity 0.15s ease;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-shadow: none !important;
	height: auto !important;
	line-height: 1.4 !important;
}

.enableu-login__card input[type="submit"]:hover,
.enableu-login__card button[type="submit"]:hover,
.enableu-login__card .pmpro_btn-submit:hover,
.enableu-login__card .ur-submit-button:hover,
.enableu-login__card .user-registration-Button:hover,
.enableu-login__card #wp-submit:hover {
	background-color: #1d4ed8 !important;
}

.enableu-login__card input[type="submit"]:disabled,
.enableu-login__card button[type="submit"]:disabled,
.enableu-login__card .ur-submit-button:disabled {
	opacity: 0.6 !important;
	cursor: not-allowed !important;
}

/* Generic anchor color inside the card (titles, registration link, etc.) */
.enableu-login__card a {
	color: #2563eb;
}

.enableu-login__card .user-registration-register {
	margin-top: 1rem;
	text-align: center;
	font-size: 0.875rem;
	color: #4b5563;
}

.enableu-login__card .user-registration-register a {
	color: #2563eb;
	font-weight: 500;
	text-decoration: none;
}

.enableu-login__card .user-registration-register a:hover {
	text-decoration: underline;
}

/* Optional UR title block */
.enableu-login__card .user-registration-login-title {
	display: block;
	font-size: 1rem;
	font-weight: 600;
	color: #111827;
	margin-bottom: 0.25rem;
}

.enableu-login__card .user-registration-login-description {
	font-size: 0.875rem;
	color: #4b5563;
	margin: 0 0 0.75rem 0;
}

/* Notices / errors (UR uses .ur-message; PMPro uses .pmpro_message; WP uses .login_error) */
.enableu-login__card .pmpro_message,
.enableu-login__card .pmpro_error,
.enableu-login__card .ur-error,
.enableu-login__card .login_error,
.enableu-login__card .user-registration-error,
.enableu-login__card .user-registration-message--error,
.enableu-login__card .ur-message.ur-message--error,
.enableu-login__card .ur-frontend-form .ur-error {
	margin: 0 0 1rem 0;
	padding: 0.75rem;
	font-size: 0.875rem;
	color: #b91c1c;
	background-color: #fef2f2;
	border: 0;
	border-radius: 0.5rem;
	list-style: none;
}

.enableu-login__card .pmpro_success,
.enableu-login__card .ur-message,
.enableu-login__card .user-registration-message {
	margin: 0 0 1rem 0;
	padding: 0.75rem;
	font-size: 0.875rem;
	color: #047857;
	background-color: #ecfdf5;
	border: 0;
	border-radius: 0.5rem;
}

/* PMPro logged-in welcome state */
.enableu-login__card .pmpro_login_wrap p {
	margin: 0 0 0.75rem 0;
	font-size: 0.875rem;
	color: #4b5563;
}

/* ============================================================
 * 6) Below-card legal copy
 * ============================================================ */

.enableu-login__legal {
	margin: 0.75rem 0 0 0;
	text-align: center;
	font-size: 0.875rem;
	color: #4b5563;
}

.enableu-login__legal a {
	color: #2563eb;
	text-decoration: none;
}

.enableu-login__legal a:hover {
	text-decoration: underline;
}

/* ============================================================
 * 7) Persona-tile color combinations
 * ============================================================ */

.enableu-login .h-10.w-10 { /* persona tile box (defensive against utility purge) */
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.enableu-login .h-5.w-5 {
	height: 1.25rem;
	width: 1.25rem;
}

.enableu-login .bg-green-50    { background-color: #f0fdf4; }
.enableu-login .text-green-600  { color: #16a34a; }
.enableu-login .bg-blue-50     { background-color: #eff6ff; }
.enableu-login .text-blue-600   { color: #2563eb; }
.enableu-login .bg-rose-50     { background-color: #fff1f2; }
.enableu-login .text-rose-600   { color: #e11d48; }
.enableu-login .bg-purple-50   { background-color: #faf5ff; }
.enableu-login .text-purple-600 { color: #9333ea; }
.enableu-login .bg-indigo-50   { background-color: #eef2ff; }
.enableu-login .text-indigo-600 { color: #4f46e5; }
.enableu-login .bg-cyan-50     { background-color: #ecfeff; }
.enableu-login .text-cyan-600   { color: #0891b2; }
.enableu-login .bg-amber-50    { background-color: #fffbeb; }
.enableu-login .text-amber-600  { color: #d97706; }
.enableu-login .bg-orange-50   { background-color: #fff7ed; }
.enableu-login .text-orange-600 { color: #ea580c; }
.enableu-login .bg-pink-50     { background-color: #fdf2f8; }
.enableu-login .text-pink-600   { color: #db2777; }
.enableu-login .bg-emerald-50  { background-color: #ecfdf5; }
.enableu-login .text-emerald-600 { color: #059669; }
.enableu-login .bg-slate-50    { background-color: #f8fafc; }
.enableu-login .text-slate-600  { color: #475569; }

/* ============================================================
 * 8) Suppress any leftover marketing chrome that might still
 *    be injected via wp_body_open() or plugin output (defensive).
 * ============================================================ */

body.enableu-login-body > header,
body.enableu-login-body > footer,
body.enableu-login-body > .site-header,
body.enableu-login-body > .site-footer {
	display: none !important;
}