add contextual prompts for skipped setup steps

Disable checkout when Stripe isn't connected (cart drawer, cart page,
and early guard in checkout controller to prevent orphaned orders).
Show amber warning on order detail when email isn't configured.
Fix pre-existing missing vertical spacing between page blocks.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

lib/berrypod_web/components/shop_components/cart.ex

@@ -42,6 +42,7 @@ defmodule BerrypodWeb.ShopComponents.Cart do
   attr :shipping_estimate, :integer, default: nil
   attr :country_code, :string, default: "GB"
   attr :available_countries, :list, default: []
+  attr :stripe_connected, :boolean, default: true
 
   def cart_drawer(assigns) do
     assigns =
@@ -131,23 +132,23 @@ defmodule BerrypodWeb.ShopComponents.Cart do
           <span>{if @shipping_estimate, do: "Estimated total", else: "Subtotal"}</span>
           <span>{@display_total}</span>
         </div>
-        <%= if @mode == :preview do %>
-          <button
-            type="button"
-            class="cart-drawer-checkout"
-          >
-            Checkout
-          </button>
-        <% else %>
-          <form action="/checkout" method="post">
-            <input type="hidden" name="_csrf_token" value={Phoenix.Controller.get_csrf_token()} />
-            <button
-              type="submit"
-              class="cart-drawer-checkout"
-            >
+        <%= cond do %>
+          <% @mode == :preview -> %>
+            <button type="button" class="cart-drawer-checkout">
               Checkout
             </button>
-          </form>
+          <% !@stripe_connected -> %>
+            <button type="button" disabled class="cart-drawer-checkout">
+              Checkout
+            </button>
+            <p class="cart-drawer-notice">Checkout isn't available yet.</p>
+          <% true -> %>
+            <form action="/checkout" method="post">
+              <input type="hidden" name="_csrf_token" value={Phoenix.Controller.get_csrf_token()} />
+              <button type="submit" class="cart-drawer-checkout">
+                Checkout
+              </button>
+            </form>
         <% end %>
       </div>
     </div>
@@ -451,6 +452,7 @@ defmodule BerrypodWeb.ShopComponents.Cart do
   attr :country_code, :string, default: "GB"
   attr :available_countries, :list, default: []
   attr :mode, :atom, default: :live
+  attr :stripe_connected, :boolean, default: true
 
   def order_summary(assigns) do
     assigns =
@@ -487,30 +489,42 @@ defmodule BerrypodWeb.ShopComponents.Cart do
         </div>
       </div>
 
-      <%= if @mode == :preview do %>
-        <.shop_button class="order-summary-checkout">
-          Checkout
-        </.shop_button>
-        <.shop_button_outline
-          phx-click="change_preview_page"
-          phx-value-page="collection"
-          class="order-summary-continue"
-        >
-          Continue shopping
-        </.shop_button_outline>
-      <% else %>
-        <form action="/checkout" method="post" class="order-summary-checkout-form">
-          <input type="hidden" name="_csrf_token" value={Phoenix.Controller.get_csrf_token()} />
-          <.shop_button type="submit" class="order-summary-checkout">
+      <%= cond do %>
+        <% @mode == :preview -> %>
+          <.shop_button class="order-summary-checkout">
             Checkout
           </.shop_button>
-        </form>
-        <.shop_link_outline
-          href="/collections/all"
-          class="order-summary-continue"
-        >
-          Continue shopping
-        </.shop_link_outline>
+          <.shop_button_outline
+            phx-click="change_preview_page"
+            phx-value-page="collection"
+            class="order-summary-continue"
+          >
+            Continue shopping
+          </.shop_button_outline>
+        <% !@stripe_connected -> %>
+          <.shop_button disabled class="order-summary-checkout">
+            Checkout
+          </.shop_button>
+          <p class="order-summary-notice">Checkout isn't available yet.</p>
+          <.shop_link_outline
+            href="/collections/all"
+            class="order-summary-continue"
+          >
+            Continue shopping
+          </.shop_link_outline>
+        <% true -> %>
+          <form action="/checkout" method="post" class="order-summary-checkout-form">
+            <input type="hidden" name="_csrf_token" value={Phoenix.Controller.get_csrf_token()} />
+            <.shop_button type="submit" class="order-summary-checkout">
+              Checkout
+            </.shop_button>
+          </form>
+          <.shop_link_outline
+            href="/collections/all"
+            class="order-summary-continue"
+          >
+            Continue shopping
+          </.shop_link_outline>
       <% end %>
     </.shop_card>
     """

lib/berrypod_web/components/shop_components/layout.ex

@@ -52,7 +52,7 @@ defmodule BerrypodWeb.ShopComponents.Layout do
     cart_subtotal cart_total cart_drawer_open cart_status active_page error_page is_admin
     search_query search_results search_open categories shipping_estimate
     country_code available_countries editing editor_current_path editor_sidebar_open
-    header_nav_items footer_nav_items newsletter_enabled newsletter_state)a
+    header_nav_items footer_nav_items newsletter_enabled newsletter_state stripe_connected)a
 
   @doc """
   Extracts the assigns relevant to `shop_layout` from a full assigns map.
@@ -101,6 +101,7 @@ defmodule BerrypodWeb.ShopComponents.Layout do
   attr :footer_nav_items, :list, default: []
   attr :newsletter_enabled, :boolean, default: false
   attr :newsletter_state, :atom, default: :idle
+  attr :stripe_connected, :boolean, default: true
 
   slot :inner_block, required: true
 
@@ -156,6 +157,7 @@ defmodule BerrypodWeb.ShopComponents.Layout do
         shipping_estimate={@shipping_estimate}
         country_code={@country_code}
         available_countries={@available_countries}
+        stripe_connected={@stripe_connected}
       />
 
       <.search_modal