/**
 * NEF Login Form (Inline) Styles
 *
 * Extends nef-login-modal.css form classes for inline page rendering.
 * Depends on nef-login-modal.css for all .nef-form base styles.
 *
 * @package NEF_Platform_Core
 * @since 1.4.0
 */

/* ==========================================================================
   1. Inline Form Wrapper
   ========================================================================== */

.nef-login-form-inline {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}

.nef-login-form-inline__container {
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	overflow: hidden;
}

/* ==========================================================================
   2. Content Area
   ========================================================================== */

.nef-login-form-inline__view {
	padding: 40px;
}

/* ==========================================================================
   3. Button Spacing
   ========================================================================== */

.nef-login-form-inline .nef-btn-primary {
	margin-top: 20px;
}

/* ==========================================================================
   4. Footer
   ========================================================================== */

.nef-login-form-inline__footer {
	padding: 20px 40px;
	background: #f9fafb;
	border-top: 1px solid #e5e7eb;
	text-align: center;
}

.nef-login-form-inline__footer p {
	margin: 0;
	font-size: 14px;
	color: #6b7280;
}

.nef-login-form-inline__footer a {
	color: #7c3aed;
	text-decoration: none;
	font-weight: 500;
}

.nef-login-form-inline__footer a:hover {
	color: #6d28d9;
	text-decoration: underline;
}

/* ==========================================================================
   5. Logged-In State
   ========================================================================== */

.nef-login-form-inline__logged-in {
	padding: 40px;
	text-align: center;
}

.nef-login-form-inline__logged-in p {
	margin: 0 0 16px;
	font-size: 16px;
	color: #374151;
}

.nef-login-form-inline__logged-in a {
	color: #7c3aed;
	text-decoration: none;
	font-weight: 500;
}

.nef-login-form-inline__logged-in a:hover {
	color: #6d28d9;
	text-decoration: underline;
}

/* ==========================================================================
   6. Mobile Responsive
   ========================================================================== */

@media (max-width: 768px) {
	.nef-login-form-inline__view {
		padding: 24px;
	}

	.nef-login-form-inline__footer {
		padding: 16px 24px;
	}
}

@media (max-width: 480px) {
	.nef-login-form-inline__view {
		padding: 20px;
	}
}