/* Estilos para personalizar el login - Ocultar campos inicialmente */
/* Solo ocultar en el formulario de login, NO en signup */

/* Método 1: Si hay un formulario con id="login-form" */
#login-form .page-card-body input[type="email"],
#login-form .page-card-body input[type="password"],
#login-form .page-card-body button[type="submit"],
#login-form .page-card-body a[href*="forgot"],
/* Ocultar específicamente el campo de login por ID */
.page-card-body input#login_email {
	display: none !important;
}

/* Método 2: Ocultar campos de login específicamente por ID */
.page-card-body input#login_email,
.page-card-body input[type="password"]:not(#signup_password),
.page-card-body button[type="submit"]:not(.btn-signup),
.page-card-body a[href*="forgot"]:not([href*="signup"]) {
	display: none !important;
}

/* Método 3: Solo ocultar campos de login, no signup */
.page-card-body:not(.signup-form) input#login_email,
.page-card-body:not(.signup-form) input[type="password"]:not(#signup_password),
.page-card-body:not(.signup-form) button[type="submit"]:not(.btn-signup),
.page-card-body:not(.signup-form) a[href*="forgot"] {
	display: none !important;
}

/* Asegurar que los campos de signup NO se oculten */
.signup-form input[type="email"],
.signup-form input[type="password"],
.signup-form button[type="submit"],
#signup_email,
#signup_password,
.btn-signup {
	display: block !important;
}

/* Ocultar botón "Login with Email Link" - MÁS AGRESIVO */
.page-card-body a[href*="email-link"],
.page-card-body a[href*="email_link"],
.login-content a[href*="email-link"],
.login-content a[href*="email_link"],
.page-card a[href*="email-link"],
.page-card a[href*="email_link"],
a[href*="email-link"],
a[href*="email_link"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
}

/* Ocultar botón "Login with Email Link" */
.page-card-body a[href*="email-link"],
.page-card-body a[href*="email_link"],
.login-content a[href*="email-link"],
.login-content a[href*="email_link"],
.page-card a[href*="email-link"],
.page-card a[href*="email_link"] {
	display: none !important;
}

/* Mostrar cuando se agrega la clase show-login-fields */
#login-form .page-card-body.show-login-fields input[type="email"],
#login-form .page-card-body.show-login-fields input[type="password"],
#login-form .page-card-body.show-login-fields button[type="submit"],
#login-form .page-card-body.show-login-fields a[href*="forgot"],
.page-card-body.show-login-fields:not(.signup-form) input#login_email,
.page-card-body.show-login-fields:not(.signup-form) input[type="password"]:not(#signup_password),
.page-card-body.show-login-fields:not(.signup-form) button[type="submit"]:not(.btn-signup),
.page-card-body.show-login-fields:not(.signup-form) a[href*="forgot"],
/* También mostrar cualquier input de email/password cuando se agrega la clase */
.page-card-body.show-login-fields input[type="email"],
.page-card-body.show-login-fields input[type="password"],
.page-card-body.show-login-fields button[type="submit"],
.page-card-body.show-login-fields a[href*="forgot"] {
	display: block !important;
}

/* Estilos para botones de social login - Color rojo #c00001 */
.page-card-body a[href*="oauth2"],
.page-card-body a[href*="social"],
.page-card-body a[href*="Login with"],
.login-content a[href*="oauth2"],
.login-content a[href*="social"],
.login-content a[href*="Login with"],
.page-card a[href*="oauth2"],
.page-card a[href*="social"],
.page-card a[href*="Login with"] {
	background-color: #c00001 !important;
	color: white !important;
	border-color: #c00001 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding-right: 40px !important;
}

/* Estilos para la imagen dentro de los botones de social login */
.page-card-body a[href*="oauth2"] img,
.page-card-body a[href*="social"] img,
.page-card-body a[href*="Login with"] img,
.login-content a[href*="oauth2"] img,
.login-content a[href*="social"] img,
.login-content a[href*="Login with"] img,
.page-card a[href*="oauth2"] img,
.page-card a[href*="social"] img,
.page-card a[href*="Login with"] img {
	width: 24px !important;
	height: 24px !important;
	margin-left: 8px !important;
	filter: brightness(0) invert(1) !important;
	vertical-align: middle !important;
}

.page-card-body a[href*="oauth2"]:hover,
.page-card-body a[href*="social"]:hover,
.page-card-body a[href*="Login with"]:hover,
.login-content a[href*="oauth2"]:hover,
.login-content a[href*="social"]:hover,
.login-content a[href*="Login with"]:hover,
.page-card a[href*="oauth2"]:hover,
.page-card a[href*="social"]:hover,
.page-card a[href*="Login with"]:hover {
	background-color: #a00001 !important;
	color: white !important;
	border-color: #a00001 !important;
}