/**
 * CDBP UsersWP Form Overrides
 *
 * Styles to align the UsersWP login, registration, and forgot password
 * forms with the Charge Direct corporate identity.
 *
 * @package ChargeDirectBillingPortal
 * @version 1.0.0
 * @date    2025-08-28
 */

/* Main modal/card container for UsersWP forms */
.uwp-login-class .card,
.uwp-registration-form .card {
	border: none !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	border-radius: 0.5rem !important;
}

/* Modal header styling */
.uwp-registration-form .modal-header {
	border-bottom: 1px solid #e2e8f0;
	padding: 1rem 1.5rem;
}

.uwp-registration-form .modal-header .modal-title {
	font-size: 1.25rem;
	font-weight: 600;
	color: #1a202c;
}

/* Form body */
.uwp-login-class .card-body,
.uwp-registration-form .card-body {
	padding: 2rem;
}

/* Form titles (e.g., "Login") */
.uwp-login-class .card-title {
	font-size: 1.5rem;
	font-weight: 600;
	color: #1a202c;
}

/* Input fields */
.uwp_form .form-control {
	border-radius: 0.5rem;
	border: 1px solid #d1d5db;
	padding: 0.75rem 1rem;
	font-size: 0.95rem;
	color: #111827;
	background-color: #ffffff;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
}

.uwp_form .form-control:focus {
	border-color: #475569;
	outline: 2px solid transparent;
	box-shadow: 0 0 0 2px rgba(71, 85, 105, 0.2);
}

/* Primary submit button (Login, Register) */
.uwp_form .btn.btn-primary {
	background-color: #475569 !important;
	border-color: #475569 !important;
	color: #ffffff !important;
	border-radius: 0.5rem !important;
	padding: 0.75rem 1.5rem !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em;
	transition: background-color 0.2s, box-shadow 0.2s;
}

.uwp_form .btn.btn-primary:hover {
	background-color: #334155 !important;
	border-color: #334155 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* "Remember me" checkbox */
.uwp_form .uwp-remember-me .form-check-label {
	color: #4b5563;
	font-size: 0.9rem;
}

/* Footer links (Create account, Forgot password?) */
.uwp-footer-links a {
	color: #475569;
	text-decoration: none;
	font-weight: 500;
}

.uwp-footer-links a:hover {
	text-decoration: underline;
	color: #334155;
}

/* RFID validation messages */
.uwp-registration-form .cdbp-rfid-validation-msg {
	font-size: 0.8rem;
	margin-top: 0.25rem;
	padding-left: 0.25rem;
}
.cdbp-rfid-validation-msg--ok {
	color: #059669;
}
.cdbp-rfid-validation-msg--err {
	color: #dc2626;
}
.cdbp-rfid-validation-msg--validating {
	color: #6b7280;
}