Own blog domain templates, remove fragment fallbacks (Phase 6)

Blog, post, home, snippets, menu_items, settings templates moved
from shared to blog/templates/. Header fallbacks for cart-mini,
nav-tree, auth-menu removed (fragments only).

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

templates/macros/admin_nav.html

@@ -0,0 +1,21 @@
+{#
+  Shared admin navigation macro
+  Use this instead of duplicate _nav.html files
+#}
+
+{% macro admin_nav_item(href, icon='cog', label='', select_colours='', aclass=styles.nav_button) %}
+  {% import 'macros/links.html' as links %}
+  {% call links.link(href, hx_select_search, select_colours, True, aclass=aclass) %}
+    <i class="fa fa-{{ icon }}" aria-hidden="true"></i>
+    {{ label }}
+  {% endcall %}
+{% endmacro %}
+
+{% macro placeholder_nav() %}
+{# Placeholder for admin sections without specific nav items #}
+<div class="relative nav-group">
+  <span class="block px-3 py-2 text-stone-400 text-sm italic">
+    Admin options
+  </span>
+</div>
+{% endmacro %}

templates/macros/scrolling_menu.html

@@ -0,0 +1,68 @@
+{#
+  Scrolling menu macro with arrow navigation
+
+  Creates a horizontally scrollable menu (desktop) or vertically scrollable (mobile)
+  with arrow buttons that appear/hide based on content overflow.
+
+  Parameters:
+    - container_id: Unique ID for the scroll container
+    - items: List of items to iterate over
+    - item_content: Caller block that renders each item (receives 'item' variable)
+    - wrapper_class: Optional additional classes for outer wrapper
+    - container_class: Optional additional classes for scroll container
+    - item_class: Optional additional classes for each item wrapper
+#}
+
+{% macro scrolling_menu(container_id, items, wrapper_class='', container_class='', item_class='') %}
+  {% if items %}
+    {# Left scroll arrow - desktop only #}
+    <button
+      class="scrolling-menu-arrow-{{ container_id }} hidden flex-shrink-0 p-2 hover:bg-stone-200 rounded"
+      aria-label="Scroll left"
+      _="on click
+         set #{{ container_id }}.scrollLeft to #{{ container_id }}.scrollLeft - 200">
+      <i class="fa fa-chevron-left"></i>
+    </button>
+
+    {# Scrollable container #}
+    <div id="{{ container_id }}"
+         class="overflow-y-auto sm:overflow-x-auto sm:overflow-y-visible scrollbar-hide max-h-[50vh] sm:max-h-none {{ container_class }}"
+         style="scroll-behavior: smooth;"
+         _="on load or scroll
+            -- Show arrows if content overflows (desktop only)
+            if window.innerWidth >= 640 and my.scrollWidth > my.clientWidth
+              remove .hidden from .scrolling-menu-arrow-{{ container_id }}
+              add .flex to .scrolling-menu-arrow-{{ container_id }}
+            else
+              add .hidden to .scrolling-menu-arrow-{{ container_id }}
+              remove .flex from .scrolling-menu-arrow-{{ container_id }}
+            end">
+      <div class="flex flex-col sm:flex-row gap-1 {{ wrapper_class }}">
+        {% for item in items %}
+          <div class="{{ item_class }}">
+            {{ caller(item) }}
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+
+    <style>
+    .scrollbar-hide::-webkit-scrollbar {
+      display: none;
+    }
+    .scrollbar-hide {
+      -ms-overflow-style: none;
+      scrollbar-width: none;
+    }
+    </style>
+
+    {# Right scroll arrow - desktop only #}
+    <button
+      class="scrolling-menu-arrow-{{ container_id }} hidden flex-shrink-0 p-2 hover:bg-stone-200 rounded"
+      aria-label="Scroll right"
+      _="on click
+         set #{{ container_id }}.scrollLeft to #{{ container_id }}.scrollLeft + 200">
+      <i class="fa fa-chevron-right"></i>
+    </button>
+  {% endif %}
+{% endmacro %}

templates/macros/stickers.html

@@ -0,0 +1,24 @@
+{% macro sticker(src, title, enabled, size=40, found=false) -%}
+
+  <span class="relative inline-flex items-center justify-center group"
+      tabindex="0" aria-label="{{ title|capitalize }}">
+    <!-- sticker icon -->
+    <img
+      src="{{ src }}"
+      width="{{size}}" height="{{size}}"
+      alt="{{ title|capitalize }}"
+      title="{{ title|capitalize }}"
+      class="{% if found %}border-2 border-yellow-200 bg-yellow-300{% endif %} {%if enabled %} opacity-100 {% else %} opacity-40 saturate-0 {% endif %}"
+    />
+
+    <!-- tooltip -->
+    <span role="tooltip"
+          class="pointer-events-none absolute z-50 bottom-full left-1/2 -translate-x-1/2 mb-2 hidden group-hover/tt:block group-focus-visible/tt:block whitespace-nowrap rounded-md bg-stone-900 text-white text-xs px-2 py-1 shadow-lg">
+      {{ title|capitalize if title|lower != 'sugarfree' else 'Sugar' }}
+      <!-- little arrow -->
+      <span class="absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-stone-900"></span>
+    </span>
+  </span>
+
+{%- endmacro -%}
+