{{- /*
  Inline SVG logotype with gradient fill.
  Usage: {{ partial "logo.html" (dict "id" "nav" "class" "h-9 w-auto") }}
  Params:
    id    — unique suffix for gradient ID (required to avoid conflicts when used twice)
    class — CSS classes on the <svg> element (default: "h-9 w-auto")
*/ -}}
{{- $id    := .id    | default "logo" -}}
{{- $class := .class | default "h-9 w-auto" -}}
<svg
  class="{{ $class }}"
  viewBox="0 0 96 96"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  aria-label="{{ site.Title }}"
  role="img"
>
  <defs>
    <linearGradient id="lg-{{ $id }}" gradientUnits="userSpaceOnUse" x1="10" y1="48" x2="86" y2="48">
      <stop offset="0%"   stop-color="#FF1A8C"/>
      <stop offset="50%"  stop-color="#9B00FF"/>
      <stop offset="100%" stop-color="#00C8FF"/>
    </linearGradient>
  </defs>
  <g transform="translate(48,48)">
    <path
      d="M -1.1e-6,-43.328173 -37.551083,43.328173 -1.1e-6,34.662539 H -17.331269 L -1.1e-6,-5.7770893 17.33127,34.662539 H -1.1e-6 l 37.5510841,8.665635 z"
      fill="url(#lg-{{ $id }})"
    />
  </g>
</svg>