/* Menu Item Hover and Active States */
.menu-item .menu-link {
	transition: background-color 0.2s ease, color 0.2s ease;
	cursor: pointer;
}
.menu-item .menu-link:hover {
	background-color: rgba(255, 255, 255, 0.06);
}
.menu-item.active .menu-link {
	background-color: #1469AE;
}
[data-bs-theme="dark"] .menu-item .menu-link:hover {
	background-color: rgba(255, 255, 255, 0.06);
}
[data-bs-theme="dark"] .menu-item.active .menu-link {
	background-color: #1469AE;
}

/* Mobile Menu Responsive Behavior */
@media (max-width: 1199.98px) {
	.layout-menu {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		z-index: 1050;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		box-shadow: none;
	}
	.layout-menu.menu-show {
		transform: translateX(0);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	}
	.layout-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 1049;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s ease;
	}
	.layout-overlay.active {
		opacity: 1;
		visibility: visible;
	}
}

/* Menu Icon Styling */
.menu-icon {
	margin-right: 0.5rem;
	font-size: 22px;
}

/* Layout Menu Toggle */
.layout-menu-toggle:hover {
	opacity: 0.8;
}