/* ============================================
   Navbar Styles - Isolated for Logo Display
   ============================================ */

/* Navbar Base Styles - Sticky Below Top Bar (Always Below Top Bar) */
#mainNavbar {
	background-color: #ffffff !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	padding: 0.75rem 0;
	position: fixed !important;
	top: 38px !important; /* Default desktop - positioned below top-bar (reduced height) */
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 1001 !important; /* Lower than top-bar and offcanvas to stay below them */
	transition: all 0.3s ease;
}

/* Ensure all navbar children stay below offcanvas */
#mainNavbar * {
	z-index: inherit !important;
	position: relative;
}

/* Adjust navbar position on mobile (no top bar) */
@media (max-width: 991px) {
	#mainNavbar {
		top: 0 !important; /* No top bar on mobile, so navbar starts at top */
		padding: 1rem 0 !important; /* Increased padding for better spacing */
		min-height: 70px; /* Ensure proper height */
	}
}

@media (max-width: 767px) {
	#mainNavbar {
		top: 0 !important; /* No top bar on mobile */
		padding: 1rem 0 !important; /* Increased padding */
		min-height: 70px;
	}
}

@media (max-width: 575px) {
	#mainNavbar {
		top: 0 !important; /* No top bar on smaller mobile */
		padding: 0.875rem 0 !important; /* Slightly less on very small screens */
		min-height: 65px;
	}
}

/* Ensure both bars stay fixed on scroll */
body {
	padding-top: 0;
}

/* Smooth scroll behavior */
html {
	scroll-behavior: smooth;
}

/* Navbar Brand - Logo Container */
#mainNavbar .navbar-brand {
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 60px;
	min-width: 150px;
	position: relative;
	z-index: 1001;
}

/* Desktop Layout - Logo Left, Nav Center, Buttons Right */
@media (min-width: 992px) {
	#mainNavbar .container-fluid {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		position: relative;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	/* Hide mobile menu button on desktop */
	#mainNavbar .navbar-toggler,
	#mainNavbar .navbar-toggler-left {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
	
	/* Prevent offcanvas from opening on desktop */
	#offcanvasNav,
	.offcanvas#offcanvasNav,
	.offcanvas.offcanvas-start#offcanvasNav {
		display: none !important;
		visibility: hidden !important;
		z-index: -1 !important;
		transform: translateX(-100%) !important;
		pointer-events: none !important;
		opacity: 0 !important;
	}
	
	/* Prevent backdrop on desktop */
	.offcanvas-backdrop {
		display: none !important;
		z-index: -1 !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
	
	#mainNavbar .navbar-brand {
		position: relative;
		left: auto;
		transform: none;
		margin-right: 0;
		flex-shrink: 0;
	}
	
	/* Desktop Navigation - Centered */
	#mainNavbar .navbar-nav-desktop {
		display: flex !important;
		justify-content: center;
		align-items: center;
		flex-grow: 1;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#mainNavbar .navbar-nav-desktop .navbar-nav {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 0.5rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#mainNavbar .navbar-nav-desktop .nav-item {
		margin: 0;
	}
	
	#mainNavbar .navbar-nav-desktop .nav-link {
		padding: 0.5rem 1rem !important;
		color: #333 !important;
		font-weight: 500;
		text-decoration: none;
		transition: color 0.3s ease;
	}
	
	#mainNavbar .navbar-nav-desktop .nav-link:hover {
		color: #674cc4 !important;
	}
	
	/* Desktop Actions - Right Side */
	#mainNavbar .navbar-actions {
		display: flex !important;
		align-items: center;
		gap: 1rem;
		flex-shrink: 0;
		margin-left: auto;
	}
	
	#mainNavbar .navbar-actions .btn-primary {
		padding: 0.5rem 1.5rem;
		white-space: nowrap;
	}
	
	#mainNavbar .navbar-actions .navbar-notification-btn {
		position: relative;
		right: auto;
		left: auto;
		margin: 0;
	}
	
	/* Hide mobile notification button on desktop */
	#mainNavbar .navbar-notification-btn.d-lg-none {
		display: none !important;
	}
}

/* Override Bootstrap navbar-expand-lg for mobile */
@media (max-width: 991px) {
	.navbar-expand-lg .navbar-brand {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	
	.navbar-expand-lg .navbar-toggler,
	.navbar-expand-lg .navbar-toggler-left {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	/* Hide default navbar toggler if it exists */
	.navbar-expand-lg .navbar-toggler:not(.navbar-toggler-left) {
		display: none !important;
	}
}

/* Logo Image - CRITICAL STYLES - FORCE ORIGINAL PURPLE COLOR */
#mainNavbar .navbar-brand img,
#mainNavbar .navbar-logo,
.navbar-logo,
img[src*="logomain"],
img[src*="LogoH"],
img[alt*="Logo"][src*="logomain"],
img[alt*="Logo"][src*="LogoH"] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: 59px !important;
	width: auto !important;
	max-width: 200px !important;
	min-width: 100px !important;
	object-fit: contain !important;
	
	/* CRITICAL: Remove ALL filters - Show original purple color */
	filter: none !important;
	-webkit-filter: none !important;
	-moz-filter: none !important;
	-ms-filter: none !important;
	-o-filter: none !important;
	
	/* Force original colors - NO INVERT, NO GRAYSCALE, NO BRIGHTNESS CHANGES */
	filter: brightness(1) invert(0) grayscale(0%) saturate(100%) contrast(100%) hue-rotate(0deg) !important;
	-webkit-filter: brightness(1) invert(0) grayscale(0%) saturate(100%) contrast(100%) hue-rotate(0deg) !important;
	
	/* No color modifications */
	mix-blend-mode: normal !important;
	background: transparent !important;
	
	/* No color property that might affect image */
	color: inherit !important;
	
	/* Positioning */
	position: relative !important;
	z-index: 1002 !important;
	
	/* Transition for hover */
	transition: transform 0.3s ease;
	
	/* Force rendering in original colors */
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	transform: translateZ(0);
	will-change: transform;
}

/* Logo Hover Effect */
#mainNavbar .navbar-brand img:hover,
.navbar-logo:hover {
	transform: scale(1.05);
	filter: none !important;
	-webkit-filter: none !important;
}

/* Offcanvas Logo - Original Purple Color */
#offcanvasNav .navbar-brand img,
#offcanvasNav .navbar-logo,
#offcanvasNav img[src*="logomain"],
#offcanvasNav img[src*="LogoH"] {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: 59px !important;
	width: auto !important;
	max-width: 200px !important;
	
	/* Force original purple color */
	filter: brightness(1) invert(0) grayscale(0%) saturate(100%) !important;
	-webkit-filter: brightness(1) invert(0) grayscale(0%) saturate(100%) !important;
	-moz-filter: brightness(1) invert(0) grayscale(0%) saturate(100%) !important;
	mix-blend-mode: normal !important;
}

/* Navbar Links */
#mainNavbar .navbar-nav .nav-link {
	color: #333 !important;
	font-weight: 500;
	padding: 0.5rem 1rem !important;
	position: relative;
	transition: color 0.3s ease;
}

#mainNavbar .navbar-nav .nav-link::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg, #674cc4, #5a3fb4);
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

#mainNavbar .navbar-nav .nav-link:hover {
	color: #674cc4 !important;
}

#mainNavbar .navbar-nav .nav-link:hover::after {
	width: 80%;
}

/* Navbar Toggler - Left Side (Menu Button) - Mobile Only */
#mainNavbar .navbar-toggler,
#mainNavbar .navbar-toggler-left {
	border: none;
	padding: 0.75rem !important; /* Increased from 0.5rem */
	background: transparent;
	color: #000000;
	position: absolute;
	left: 15px;
	z-index: 1003;
	margin: 0;
	display: block;
	width: 48px !important; /* Increased size */
	height: 48px !important; /* Increased size */
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#mainNavbar .navbar-toggler-icon {
	width: 1.75em !important; /* Increased from 1.5em */
	height: 1.75em !important; /* Increased from 1.5em */
}

/* Hide toggler on desktop */
@media (min-width: 992px) {
	#mainNavbar .navbar-toggler,
	#mainNavbar .navbar-toggler-left {
		display: none !important;
	}
}

#mainNavbar .navbar-toggler:focus,
#mainNavbar .navbar-toggler-left:focus {
	box-shadow: none;
	outline: none;
}

/* Navbar Toggler Icon - Black Color */
#mainNavbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	width: 1.5em;
	height: 1.5em;
}

#mainNavbar .navbar-toggler:hover,
#mainNavbar .navbar-toggler-left:hover {
	color: #000000;
	opacity: 0.8;
}

#mainNavbar .navbar-toggler:hover .navbar-toggler-icon,
#mainNavbar .navbar-toggler-left:hover .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	opacity: 0.8;
}

/* Notification Button - Right Side */
#mainNavbar .navbar-notification-btn {
	border: none;
	padding: 0.75rem !important; /* Increased from 0.5rem */
	background: transparent;
	color: #000000;
	position: absolute;
	right: 15px;
	z-index: 1003;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px !important; /* Increased from 40px */
	height: 48px !important; /* Increased from 40px */
	border-radius: 50%;
	transition: all 0.3s ease;
	position: relative;
}

#mainNavbar .navbar-notification-btn:hover {
	background: rgba(0, 0, 0, 0.05);
	color: #674cc4;
}

#mainNavbar .navbar-notification-btn:focus {
	box-shadow: none;
	outline: none;
}

#mainNavbar .navbar-notification-btn i {
	font-size: 1.5rem !important; /* Increased from 1.25rem */
}

/* Notification Badge - Hidden (removed text) */
#mainNavbar .notification-badge {
	display: none !important;
}

/* Offcanvas Menu - Mobile Only (Display Above Header) */
/* Base styles - will be overridden on desktop */
#offcanvasNav,
.offcanvas.offcanvas-start#offcanvasNav,
.offcanvas-start#offcanvasNav,
div#offcanvasNav.offcanvas.offcanvas-start {
	width: 300px !important;
	background: #ffffff !important;
	z-index: 10000 !important; /* Very high z-index to appear above everything including header */
	top: 0 !important; /* Start from top of screen */
	left: 0 !important;
	position: fixed !important;
	height: 100vh !important; /* Full viewport height */
	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
	transform: translateX(-100%) !important; /* Hidden by default */
	transition: transform 0.3s ease-in-out !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important; /* Allow it to be visible on mobile */
	visibility: visible !important;
	pointer-events: auto !important;
}

/* Offcanvas when shown - Must be above header */
#offcanvasNav.show,
#offcanvasNav.showing,
#offcanvasNav[class*="show"],
.offcanvas.show#offcanvasNav,
.offcanvas.showing#offcanvasNav,
.offcanvas.offcanvas-start.show#offcanvasNav,
div#offcanvasNav.offcanvas.offcanvas-start.show {
	z-index: 10000 !important; /* Ensure it stays above header */
	transform: translateX(0) !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	display: block !important;
	visibility: visible !important;
}

/* Offcanvas Backdrop - Behind offcanvas but above navbar */
.offcanvas-backdrop,
.offcanvas-backdrop.show {
	z-index: 9999 !important; /* Above navbar (1001) but below offcanvas (10000) */
	background-color: rgba(0, 0, 0, 0.5) !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	display: block !important;
}

#offcanvasNav .offcanvas-header {
	border-bottom: 1px solid #e0e0e0;
	padding: 1.5rem 1rem 1rem 1rem !important; /* Increased top padding: 1.5rem top, 1rem sides and bottom */
	padding-top: 2rem !important; /* Extra padding on top to prevent overlap */
	position: relative;
	z-index: 10000 !important; /* Higher than offcanvas itself */
	background: #ffffff;
	display: block !important;
	visibility: visible !important;
	margin-top: 0 !important;
}

#offcanvasNav .offcanvas-body {
	padding: 1.5rem 1rem !important; /* Increased padding */
	padding-top: 1.5rem !important; /* Extra top padding */
	position: relative;
	z-index: 10000 !important; /* Higher than offcanvas itself */
	background: #ffffff;
	overflow-y: auto;
	display: block !important;
	visibility: visible !important;
}

#offcanvasNav .nav-link {
	padding: 0.75rem 1rem !important;
	border-bottom: 1px solid #f0f0f0;
}

#offcanvasNav .nav-link:hover {
	background: rgba(103, 76, 196, 0.1);
	padding-left: 1.5rem !important;
}

/* Buttons in Navbar */
#mainNavbar .btn-primary {
	background: linear-gradient(135deg, #674cc4 0%, #5a3fb4 100%);
	border: none;
	padding: 0.5rem 1.5rem;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(139, 61, 255, 0.3);
}

#mainNavbar .btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(139, 61, 255, 0.4);
}

/* Responsive Design - Mobile Only */
@media (max-width: 991px) {
	/* Proper header layout: Menu (left) - Logo (center) - Notification (right) */
	#mainNavbar {
		display: flex !important;
	}
	
	#mainNavbar .container-fluid {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		position: relative !important;
		width: 100% !important;
		padding-left: 20px !important; /* Increased from 15px */
		padding-right: 20px !important; /* Increased from 15px */
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	
	/* Menu Button - Left (Mobile Only) */
	#mainNavbar .navbar-toggler,
	#mainNavbar .navbar-toggler-left {
		display: block !important;
		position: absolute !important;
		left: 20px !important; /* Increased from 15px */
		right: auto !important;
		z-index: 1003 !important;
		margin: 0 !important;
		padding: 0.875rem !important; /* Increased padding for better touch target */
		order: 1;
		visibility: visible !important;
		pointer-events: auto !important;
		width: 50px !important; /* Increased from 44px */
		height: 50px !important; /* Increased from 44px */
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	#mainNavbar .navbar-toggler-icon {
		width: 2em !important; /* Increased size */
		height: 2em !important; /* Increased size */
	}
	
	/* Hide desktop navigation on mobile */
	#mainNavbar .navbar-nav-desktop {
		display: none !important;
	}
	
	/* Hide desktop actions on mobile */
	#mainNavbar .navbar-actions {
		display: none !important;
	}
	
	/* Logo - Center */
	#mainNavbar .navbar-brand {
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		margin: 0 !important;
		padding: 0.5rem 0 !important; /* Added vertical padding */
		text-align: center !important;
		width: auto !important;
		order: 2;
		z-index: 1002;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	/* Notification Button - Right */
	#mainNavbar .navbar-notification-btn {
		position: absolute !important;
		right: 20px !important; /* Increased from 15px */
		left: auto !important;
		z-index: 1003 !important;
		margin: 0 !important;
		padding: 0.875rem !important; /* Increased padding for better touch target */
		order: 3;
		width: 50px !important; /* Increased from 44px */
		height: 50px !important; /* Increased from 44px */
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	#mainNavbar .navbar-notification-btn i {
		font-size: 1.75rem !important; /* Increased size */
	}
	
	#mainNavbar .navbar-brand img,
	.navbar-logo {
		height: 50px !important; /* Increased from 45px */
		max-width: 160px !important; /* Increased from 150px */
		margin: 0 auto !important;
		display: block !important;
		padding: 0.25rem 0 !important; /* Added padding around logo */
	}
	
	#mainNavbar .d-flex.gap-2 {
		flex-direction: column;
		width: 100%;
	}
	
	#mainNavbar .btn-primary {
		width: 100%;
		margin: 0.5rem 0; /* Increased margin for better spacing */
	}
	
	/* Additional spacing for smaller mobile screens */
	@media (max-width: 575px) {
		#mainNavbar .container-fluid {
			padding-left: 18px !important;
			padding-right: 18px !important;
		}
		
		#mainNavbar .navbar-toggler,
		#mainNavbar .navbar-toggler-left {
			left: 18px !important;
			padding: 0.625rem !important;
			width: 40px;
			height: 40px;
		}
		
		#mainNavbar .navbar-notification-btn {
			right: 18px !important;
			padding: 0.625rem !important;
			width: 40px;
			height: 40px;
		}
		
		#mainNavbar .navbar-brand img,
		.navbar-logo {
			height: 45px !important;
			max-width: 150px !important;
		}
	}
	
	/* Show offcanvas on mobile - Display above header (Highest Priority) */
	/* Override desktop hide rules */
	#offcanvasNav,
	.offcanvas#offcanvasNav,
	.offcanvas.offcanvas-start#offcanvasNav,
	div#offcanvasNav.offcanvas.offcanvas-start {
		display: block !important;
		visibility: visible !important;
		z-index: 10000 !important; /* Very high z-index to appear above everything */
		top: 0 !important; /* Start from top of screen */
		left: 0 !important;
		position: fixed !important;
		height: 100vh !important; /* Full viewport height */
		transform: translateX(-100%) !important; /* Hidden by default */
		transition: transform 0.3s ease-in-out !important;
		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
		pointer-events: auto !important;
		opacity: 1 !important;
		width: 300px !important;
		background: #ffffff !important;
	}
	
	/* Offcanvas when shown - Must override everything */
	#offcanvasNav.show,
	#offcanvasNav.showing,
	#offcanvasNav[class*="show"],
	.offcanvas.show#offcanvasNav,
	.offcanvas.showing#offcanvasNav,
	.offcanvas.offcanvas-start.show#offcanvasNav,
	div#offcanvasNav.offcanvas.offcanvas-start.show {
		display: block !important;
		visibility: visible !important;
		transform: translateX(0) !important; /* Slide in from left */
		z-index: 10000 !important; /* Ensure it stays above header */
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		pointer-events: auto !important;
		opacity: 1 !important;
	}
	
	/* Offcanvas backdrop on mobile - Above navbar but below offcanvas */
	.offcanvas-backdrop,
	.offcanvas-backdrop.show {
		z-index: 9999 !important; /* Above navbar (1001) but below offcanvas (10000) */
		display: block !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		background-color: rgba(0, 0, 0, 0.5) !important;
		opacity: 1 !important;
	}
	
	/* Ensure navbar and all its children stay below offcanvas */
	#mainNavbar {
		z-index: 1001 !important; /* Lower than offcanvas */
	}
	
	#mainNavbar * {
		z-index: inherit !important;
	}
	
	/* Extra padding on top of sidebar on mobile to prevent overlap */
	#offcanvasNav .offcanvas-header {
		padding-top: 2.5rem !important; /* Extra top padding on mobile */
		padding-bottom: 1rem !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	
	#offcanvasNav .offcanvas-body {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}

@media (max-width: 576px) {
	/* Ensure proper layout on smaller mobile screens */
	#mainNavbar {
		display: flex !important;
	}
	
	#mainNavbar .container {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		position: relative !important;
		width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	/* Menu Button - Left */
	#mainNavbar .navbar-toggler,
	#mainNavbar .navbar-toggler-left {
		position: absolute !important;
		left: 15px !important;
		right: auto !important;
		z-index: 1003 !important;
		margin: 0 !important;
	}
	
	/* Logo - Center */
	#mainNavbar .navbar-brand {
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: center !important;
		width: auto !important;
		min-width: 120px;
		height: 50px;
		z-index: 1002;
	}
	
	/* Notification Button - Right */
	#mainNavbar .navbar-notification-btn {
		position: absolute !important;
		right: 15px !important;
		left: auto !important;
		z-index: 1003 !important;
		margin: 0 !important;
		width: 36px;
		height: 36px;
	}
	
	#mainNavbar .navbar-brand img,
	.navbar-logo {
		height: 40px !important;
		max-width: 120px !important;
		margin: 0 auto !important;
		display: block !important;
	}
	
	#mainNavbar .navbar-notification-btn i {
		font-size: 1.1rem;
	}
	
	#mainNavbar .notification-badge {
		width: 16px;
		height: 16px;
		font-size: 0.65rem;
		top: 3px;
		right: 3px;
	}
}

/* Override any conflicting styles */
#mainNavbar * {
	box-sizing: border-box;
}

/* Ensure logo is never hidden and shows in ORIGINAL PURPLE COLOR */
#mainNavbar .navbar-brand,
#mainNavbar .navbar-brand img,
.navbar-logo,
img[src*="logomain"],
img[src*="LogoH"],
img[alt*="Logo"],
#mainNavbar img,
.navbar-brand img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	
	/* FORCE ORIGINAL COLORS - Override any theme CSS */
	filter: brightness(1) invert(0) grayscale(0%) !important;
	-webkit-filter: brightness(1) invert(0) grayscale(0%) !important;
	-moz-filter: brightness(1) invert(0) grayscale(0%) !important;
	-ms-filter: brightness(1) invert(0) grayscale(0%) !important;
	-o-filter: brightness(1) invert(0) grayscale(0%) !important;
	
	/* No color inversion */
	mix-blend-mode: normal !important;
}

/* Override navbar-light class if it's applying filters */
.navbar-light .navbar-brand img,
.navbar-light #mainNavbar .navbar-brand img,
.navbar-light .navbar-logo {
	filter: brightness(1) invert(0) grayscale(0%) !important;
	-webkit-filter: brightness(1) invert(0) grayscale(0%) !important;
}

/* Remove any pseudo-elements that might interfere */
#mainNavbar::before,
#mainNavbar::after,
#mainNavbar .navbar-brand::before,
#mainNavbar .navbar-brand::after {
	content: none !important;
	display: none !important;
}