Permalinks & URL Structure Issue

I have created unique, static recipe “category” pages (example: breakfast, dinner, desserts, etc.) so that I can add custom content to them in order for these pages to rank better on Google. I am using the cooked-browse shortcode on these category pages to show all the “desserts” recipes, for example.

So I have an “All Recipes” page with the url of /gluten-free-recipes, then the category pages with the url of /gluten-free-recipes/desserts.

Questions:
1. Is it possible for my individual recipe page URLs to feed under this URL structure so that it would be /gluten-free-recipes/desserts/brownies while maintaining my static category pages?

2. In Cooked settings, if I make the Recipe Permalink “/gluten-free-recipes”, my category pages (/gluten-free-recipes/desserts) yield 404 errors because I have also named my Cooked category “desserts”. If I make the Recipe Permalink something else (example: /GF-Recipes), the user path would be the following:

/gluten-free-recipes – click deeper
/gluten-free/recipes/desserts – click deeper
/GF-Recipes/brownies

^^ This won’t work from an SEO/Site Structure standpoint. How can I change the URL structure so that users experience the following click path:

/gluten-free-recipes
/gluten-free-recipes/desserts – custom pages using [cooked-browse] shortcode
/gluten-free-recipes/desserts/brownies

Thank you in advance!

The page I need help with: [log in to see the link]