/* Shared tweaks for logos: remove any CSS background, border or shadow
	 and try a gentle blend so white-filled PNG backgrounds become less visible
	 when placed on non-white page backgrounds. This cannot make an opaque
	 background in the PNG transparent; replace the image file if you need
	 a true alpha channel. */
header img, .brand img, .brand > img {
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	mix-blend-mode: multiply !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
	image-rendering: -webkit-optimize-contrast;
}

/* Theme: unify header + auth card background to match logo backdrop. Adjust --logo-bg
	to the flat color behind your logo (example default: #ffffff). If your logo uses
	a tinted panel (e.g. #f3e8ff), just change the value below; all headers & auth
	card will follow automatically. */
:root { --logo-bg: #ffffff; }

/* Force site headers to use the shared logo background color */
header { background: var(--logo-bg) !important; backdrop-filter: none !important; }

/* Auth page primary card: add class "auth-card" in markup so only that card changes */
.auth-card { background: var(--logo-bg) !important; }

/* Full page hero helper: ensures background image always covers viewport while scrolling */
.fullpage-hero {
	min-height:100vh;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	background-attachment:fixed; /* keeps hero filling on long pages */
}

/* If the logo still shows a hard rectangular background (embedded in the PNG),
	 consider replacing the PNG with a transparent SVG/PNG having alpha channel. */