/* Edtools Text-Only Branding CSS */
/* Only replaces text, keeps Frappe's original colors and design */

/* Help dropdown: Soporte de CUC University - non-clickable, disabled look */
#toolbar-help .dropdown-item.disabled {
    cursor: default !important;
    opacity: 0.7;
    pointer-events: none;
}
#toolbar-help .dropdown-item.disabled:hover {
    background-color: transparent;
}

/* ============================= */
/* HIDE FRAPPE/ERPNEXT BRANDING */
/* ============================= */

/* Hide "Powered by Frappe/ERPNext" links */
.text-muted a[href*="frappe"],
.text-muted a[href*="erpnext"],
footer a[href*="frappe"],
footer a[href*="erpnext"] {
    display: none !important;
}

/* Hide indicator badges that say "Frappe" or "ERPNext" */
.page-card-head .indicator {
    display: none !important;
}

/* ============================= */
/* LOGIN PAGE - REPLACE TEXT */
/* ============================= */

/* Hide the original "Iniciar sesión en Frappe" text */
.page-card-head .page-card-head-title {
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Replace with "Iniciar sesión en CUC University" */
.page-card-head .page-card-head-title::before {
    content: "Iniciar sesión en CUC University";
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
    display: block;
    font-weight: 500;
}

/* Hide any subtitle that mentions Frappe */
.page-card-head .text-muted {
    display: none !important;
}

/* Add Edtools subtitle */
.page-card-head::after {
    content: "Sistema de Gestión Educativa";
    display: block;
    font-size: 0.9rem;
    color: #6c757d;
    margin-top: 10px;
}

/* Logo de login: tamaño amplio y visible (CUC University) */
.for-login .page-card-head .app-logo,
.for-email-login .page-card-head .app-logo {
    max-height: 140px !important;
    height: 140px !important;
    min-width: 200px !important;
    width: auto !important;
    object-fit: contain;
}

/* ============================= */
/* LOGIN SPLIT LAYOUT - 75% imagen, 25% formulario */
/* ============================= */

/* Romper contenedor para que el split ocupe toda la pantalla */
body:has(.login-split-wrapper) .page-content-wrapper,
body:has(.login-split-wrapper) .page-content-wrapper main,
body:has(.login-split-wrapper) .page-content-wrapper .container,
#page-login .page-content-wrapper,
#page-login .page-content-wrapper main,
#page-login .page-content-wrapper .container {
	min-height: 100vh !important;
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.login-split-wrapper {
	display: flex;
	min-height: 100vh;
	width: 100%;
}

.login-split-left {
	flex: 3;
	min-width: 75%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f0f4f8;
}

.login-split-right {
	flex: 1;
	min-width: max(25%, 320px); /* 25% mínimo, o 320px en pantallas pequeñas */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
	padding: 2rem;
	background-color: #fff;
}

.login-split-right > div {
	width: 100%;
	max-width: 420px;
}

/* Móvil: imagen arriba (reducida), formulario abajo */
@media (max-width: 767px) {
	.login-split-wrapper {
		flex-direction: column;
	}

	.login-split-left {
		min-height: 35vh;
		min-width: 100%;
	}

	.login-split-right {
		min-width: 100%;
		padding: 1.5rem;
	}
}

/* That's it! Keep everything else as default Frappe styling */