<!DOCTYPE html>
<html lang="en" class="h-full">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="csrf-token" content={get_csrf_token()} />
    <meta name="description" content={assigns[:page_description] || @theme_settings.site_description || "Welcome to #{@theme_settings.site_name}"} />
    <.live_title><%= assigns[:page_title] || @theme_settings.site_name %></.live_title>
    <!-- Preload critical fonts for the current typography preset -->
    <%= for preload <- SimpleshopTheme.Theme.Fonts.preload_links(
          @theme_settings.typography,
          &SimpleshopThemeWeb.Endpoint.static_path/1
        ) do %>
      <link rel="preload" href={preload.href} as="font" type="font/woff2" crossorigin />
    <% end %>
    <link phx-track-static rel="stylesheet" href={~p"/assets/css/app-shop.css"} />
    <script defer phx-track-static src={~p"/assets/js/app.js"}>
    </script>
    <!-- Generated theme CSS with @font-face declarations -->
    <style id="theme-css"><%= Phoenix.HTML.raw(@generated_css) %></style>
  </head>
  <body class="h-full">
    <div
      class="themed shop-root h-full"
      data-mood={@theme_settings.mood}
      data-typography={@theme_settings.typography}
      data-shape={@theme_settings.shape}
      data-density={@theme_settings.density}
      data-grid={@theme_settings.grid_columns}
      data-header={@theme_settings.header_layout}
      data-sticky={to_string(@theme_settings.sticky_header)}
      data-layout={@theme_settings.layout_width}
      data-shadow={@theme_settings.card_shadow}
      data-button-style={@theme_settings.button_style}
    >
      {@inner_content}
    </div>
  </body>
</html>
