/* Login: solo mostrar botones de social login (rojos). Ocultar solo campos de login, Sign Up, forgot. NO ocultar el form (los botones están dentro). */

/* Ocultar solo campos (email, contraseña, submit, forgot) - NO el form ni .social-login */
#login_email,
#page-login input[type="email"],
#page-login input[type="password"],
#page-login button[type="submit"],
#page-login .page-card-body input[type="email"],
#page-login .page-card-body input[type="password"],
#page-login .page-card-body button[type="submit"],
#page-login .page-card-body a[href*="forgot"],
#page-login .login-content input[type="email"],
#page-login .login-content input[type="password"],
#page-login .login-content button[type="submit"],
#page-login .login-content a[href*="forgot"],
.page-card-body:not(.signup-form) input[type="email"],
.page-card-body:not(.signup-form) input#login_email,
.page-card-body:not(.signup-form) input[type="password"],
.page-card-body:not(.signup-form) button[type="submit"],
.page-card-body:not(.signup-form) a[href*="forgot"],
.login-content input[type="email"],
.login-content input#login_email,
.login-content input[type="password"],
.login-content button[type="submit"],
.login-content a[href*="forgot"],
.page-card input[type="email"],
.page-card input[type="password"],
.page-card button[type="submit"],
.page-card a[href*="forgot"] {
	display: none !important;
}

/* Ocultar la fila completa del campo email/contraseña (form-group que los contiene) */
#page-login .page-card-body .form-group:has(input#login_email),
#page-login .page-card-body .form-group:has(input[type="email"]),
#page-login .page-card-body .form-group:has(input[type="password"]),
#page-login .page-card-body .form-group:has(button[type="submit"]),
#page-login .login-content .form-group:has(input#login_email),
#page-login .login-content .form-group:has(input[type="email"]),
#page-login .login-content .form-group:has(input[type="password"]),
#page-login .login-content .form-group:has(button[type="submit"]) {
	display: none !important;
}

/* Ocultar el "or" (separador entre email y social login) */
#page-login p.login-divider,
#page-login .login-divider,
#page-login p.text-muted.login-divider,
#page-login .text-muted.login-divider {
	display: none !important;
}

/* Ocultar Sign Up: enlace y bloque que lo contiene (texto "Don't have an account?" etc.) */
.page-card-body a[href*="signup"],
.login-content a[href*="signup"],
.page-card a[href*="signup"],
#page-login a[href*="signup"],
.page-card-body p:has(a[href*="signup"]),
.login-content p:has(a[href*="signup"]),
.page-card p:has(a[href*="signup"]),
.page-card-body div:has(> a[href*="signup"]),
.login-content div:has(> a[href*="signup"]),
.page-card div:has(> a[href*="signup"]) {
	display: none !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;
}

/* Asegurar que los campos de signup (página de registro) 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;
}

/* Estilos para botones de social login - Color rojo #c00001 (auth0, oauth2, etc.) */
#page-login a[href*="oauth2"],
#page-login a[href*="auth0"],
#page-login a.btn-login-option,
.page-card-body a[href*="oauth2"],
.page-card-body a[href*="auth0"],
.page-card-body a[href*="social-login"],
.page-card-body a[href*="Login with"],
.page-card-body a.btn-login-option,
.login-content a[href*="oauth2"],
.login-content a[href*="auth0"],
.login-content a[href*="social-login"],
.login-content a[href*="Login with"],
.login-content a.btn-login-option,
.page-card a[href*="oauth2"],
.page-card a[href*="auth0"],
.page-card a[href*="social-login"],
.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;
}

#page-login a[href*="oauth2"] img,
#page-login a[href*="auth0"] img,
.page-card-body a[href*="oauth2"] img,
.page-card-body a[href*="social-login"] img,
.page-card-body a[href*="Login with"] img,
.login-content a[href*="oauth2"] img,
.login-content a[href*="social-login"] img,
.login-content a[href*="Login with"] img,
.page-card a[href*="oauth2"] img,
.page-card a[href*="social-login"] 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-login a[href*="oauth2"]:hover,
#page-login a[href*="auth0"]:hover,
#page-login a.btn-login-option:hover,
.page-card-body a[href*="oauth2"]:hover,
.page-card-body a[href*="social-login"]:hover,
.page-card-body a[href*="Login with"]:hover,
.login-content a[href*="oauth2"]:hover,
.login-content a[href*="social-login"]:hover,
.login-content a[href*="Login with"]:hover,
.page-card a[href*="oauth2"]:hover,
.page-card a[href*="social-login"]:hover,
.page-card a[href*="Login with"]:hover {
	background-color: #a00001 !important;
	color: white !important;
	border-color: #a00001 !important;
}