/* darken gradient logo on light login page */
.page-card-head img {
	filter: brightness(0.5) saturate(1.5) !important;
}

/* same for the navbar on web pages */
.navbar-brand img {
	filter: brightness(0.5) saturate(1.5) !important;
}

/* EES branding/watermark shown below the login form (injected by
   ees_login_branding.js). Sits outside .page-card-head, so the brightness
   filter above does NOT apply — it renders solid. */
.ees-login-branding {
	display: block;
	margin: 1.5rem auto 0;
	max-height: 48px;
	width: auto;
}

@media (prefers-color-scheme: dark) {
	.ees-login-branding {
		/* Keep the mark legible on a dark login backdrop if one is themed in. */
		opacity: 0.95;
	}
}

/* Monochrome option — grayscale, auto-adapting to theme:
   light → dark/grey mark on the light login page;
   dark  → invert so the mark reads light on a dark backdrop. */
.ees-login-branding--mono {
	filter: grayscale(100%);
}

@media (prefers-color-scheme: dark) {
	.ees-login-branding--mono {
		filter: grayscale(100%) invert(1) brightness(1.4);
	}
}