/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:19 Expected identifier but found whitespace
Line 17:82 Expected identifier but found whitespace
Line 20:5 Expected identifier but found "%"
Line 22:52 Unexpected "("
Line 23:78 Unterminated string token
Line 26:1 Expected identifier but found "%"
Line 28:0 Unexpected "{"
Line 28:1 Expected identifier but found "%"
... and 4 more hidden warnings

**/
{% comment %}
  SVI help callout: links a product to its Zendesk setup or troubleshooting guide.

  Usage (product template → Add block → Custom Liquid):
    {% render 'svi-help-callout', product: product %}

  Uses the product metafield custom.setup_guide_url (type: URL), set per
  product in Admin → Products. If it's empty, links to the help center home,
  or set fallback_url: to point somewhere else.
  Styles: assets/zendesk-bridge.css, section 8.
{% endcomment %}

{%- liquid
  assign guide_url = product.metafields.custom.setup_guide_url.value
  if guide_url == blank
    assign guide_url = fallback_url | default: 'https://support.sviservice.com/hc/en-us'
    assign guide_title = 'Visit the SVI help center'
  else
    assign guide_title = 'Read the setup guide for ' | append: product.title
  endif
-%}

<a class="svi-help-callout" href="{{ guide_url }}">
  <span class="svi-help-callout__icon" aria-hidden="true">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
  </span>
  <span class="svi-help-callout__body">
    <span class="svi-help-callout__eyebrow">Need help with this part?</span>
    <span class="svi-help-callout__title">{{ guide_title }}</span>
  </span>
  <svg class="svi-help-callout__go" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
