{{-- resources/views/components/layout.blade.php --}}
<!doctype html>
<html {!! get_language_attributes() !!}>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">



    <script>
      window.SageGridSettings = {
        projectsPageSize: {{ (int) get_theme_mod('grid_projects_initial_items', 6) }},
        blogPageSize:     {{ (int) get_theme_mod('grid_blog_initial_items', 6) }},
      };
    </script>

    @vite(['resources/css/app.css', 'resources/js/app.js'])

     @php(wp_head())
  </head>

  <body @php(body_class('site bg-surface text-body antialiased'))>
    @php(wp_body_open())
    @php(do_action('get_header'))

    <div id="app" class="min-h-screen flex flex-col">
      <a class="sr-only focus:not-sr-only" href="#main">
        {{ __('Skip to content', 'turbo') }}
      </a>

      {{-- Primary navigation / header (wraps sections.header) --}}
      <x-nav.primary />

      {{-- Main content slot --}}
<div class="site-content">
      <main id="main">
      @if(\App\hayden_is_page_fullwidth())
        {{-- Full-width pages: no wrapper --}}
        {{ $slot }}
      @else
        {{-- Default: wrapped content --}}
        <div class="site-container mx-auto px-4">
          {{ $slot }}
        </div>
      @endif
</main>
</div>

      {{-- Site footer (wraps sections.footer) --}}
      <x-footer />
    </div>

    <script src="{{ get_theme_file_uri('resources/js/smartmenus.browser.min.js') }}" defer></script>
    <script src="{{ get_theme_file_uri('resources/js/smartmenus-init.js') }}" defer></script>

    @php(do_action('get_footer'))
    @php(wp_footer())
  </body>
</html>
