/*
 * iqana-login.css — Login page overrides for Iqana corporate branding.
 *
 * Loaded dynamically by IqanaBrandingUIExtension.php only when the
 * 'enabled' module setting is true.
 *
 * Colours aligned with the Iqana Portal (portal.iqana.io):
 *   Primary dark teal:  #00594F  — headings, buttons, links
 *   Accent green:       #00F25E  — dividers, subtle highlights
 *   Hover variant:      #006656  — darker teal on hover
 */

/* ── Page heading ─────────────────────────────────────────────────────────── */
#login-body h1 {
	color: #00594F;              /* was #1C94C4 (iTop blue)                  */
}

/* ── Links ────────────────────────────────────────────────────────────────── */
#login-body a {
	color: #00594F;              /* was #1c94c4                              */
}

#login-body a:hover {
	color: #1A9B86;              /* lighter teal on hover                    */
}

/* ── Submit button ────────────────────────────────────────────────────────── */
#login-submit input,
#forgot_pwd_sent input {
	background-color: #00594F;   /* was #404B5A (dark grey)                  */
	color: #FFFFFF;
}

#login-submit input:hover,
#forgot_pwd_sent input:hover {
	background-color: #006656;   /* darker on hover                         */
}

/* ── Secondary button (e.g. "Back") ───────────────────────────────────────── */
#login-submit input.login-submit-secondary,
#forgot_pwd_sent input.forgot_pwd_done {
	background-color: #e0e0e0;
	color: #333a4b;
}

/* ── SSO buttons ──────────────────────────────────────────────────────────── */
.sso-button:hover {
	filter: grayscale(0) opacity(1);
	border-left: 3px solid #00594F;
}

/* ── Divider lines ────────────────────────────────────────────────────────── */
#login-form-content .divider hr {
	background-color: #ABE3DB;   /* was #E1E7EC — light teal accent          */
}

/* ── Focus ring on inputs ─────────────────────────────────────────────────── */
#login-additional-controls input:focus {
	border-color: #1A9B86;       /* was #A0AEC0 — teal focus ring            */
}

/* ── Invalid input highlight ──────────────────────────────────────────────── */
#login-input .invalid input {
	border-color: #F56565;       /* keep red for errors                     */
}

/* ── Footer / powered-by text ─────────────────────────────────────────────── */
#login-footer {
	text-align: center;
	font-size: 0.75rem;
	color: #6e7a8a;
	padding-top: 1rem;
}