{# --- NEW: calendar bookings in this order --- #}
    {% if order and calendar_entries %}
      <section class="mt-6 space-y-3">
        <h2 class="text-base sm:text-lg font-semibold">
          Calendar bookings in this order
        </h2>

        <ul class="divide-y divide-stone-200 rounded-2xl border border-stone-200 bg-white/80">
          {% for entry in calendar_entries %}
            <li class="px-4 py-3 flex items-start justify-between text-sm">
              <div>
                <div class="font-medium flex items-center gap-2">
                  {{ entry.name }}
                  {# Small status pill #}
                  <span class="inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium
                      {% if entry.state == 'confirmed' %}
                        bg-emerald-100 text-emerald-800
                      {% elif entry.state == 'provisional' %}
                        bg-amber-100 text-amber-800
                      {% elif entry.state == 'ordered' %}
                        bg-blue-100 text-blue-800
                      {% else %}
                        bg-stone-100 text-stone-700
                      {% endif %}
                    ">
                    {{ entry.state|capitalize }}
                  </span>
                </div>
                <div class="text-xs text-stone-500">
                  {{ entry.start_at.strftime('%-d %b %Y, %H:%M') }}
                  {% if entry.end_at %}
                    – {{ entry.end_at.strftime('%-d %b %Y, %H:%M') }}
                  {% endif %}
                </div>
              </div>
              <div class="ml-4 font-medium">
                £{{ "%.2f"|format(entry.cost or 0) }}
              </div>
            </li>
          {% endfor %}
        </ul>
      </section>
    {% endif %}