<template>
  <slot v-if="route.meta.immersive" />
  <template v-else>
    <TopNav />
    <main class="fc-content">
      <slot />
    </main>
  </template>
</template>

<script setup>
import { useRoute } from 'vue-router'
import TopNav from './TopNav.vue'

const route = useRoute()
</script>

<style scoped>
.fc-content {
  min-height: 100vh;
  /* NO padding-top: the TopNav is position:sticky, so it already reserves its
     own space in the v-app flex column — content flows directly below it. The
     old 64px padding-top was a leftover from a FIXED navbar and double-counted
     that space, leaving a large empty band at the top of EVERY view (and pushing
     the full-height calc(100vh - 64px) views down so they overflowed). Removed
     2026-07-13. Scrolled content still slides under the sticky nav as before. */
}
</style>
