Add Pro badge to sidebar items with audience: pro

Render a small "Pro" badge next to sidebar entries whose page has
audience: pro, styled with the existing Torii Orange brand color
used by the version selector (with a dark-mode variant).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: paulOsinski

docs/assets/scss/common/_custom.scss

@@ -210,6 +210,22 @@ h1, h2, h3, h4, h5, h6,
   display: none;
 }
 
+// Pro badge — appears next to sidebar items with audience: pro
+.pro-badge {
+  display: inline-block;
+  margin-left: 0.5em;
+  padding: 0.05em 0.45em;
+  border: 1px solid #F2561D;
+  border-radius: 0.25rem;
+  background-color: rgba(#F2561D, 0.72);
+  color: #fff;
+  font-size: 0.7em;
+  font-weight: 500;
+  line-height: 1.4;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
 // ============================================================
 // Cards
 // ============================================================
@@ -419,6 +435,12 @@ h1, h2, h3, h4, h5, h6,
     border-color: #F2762E;
   }
 
+  // Pro badge in dark mode
+  .pro-badge {
+    background-color: rgba(#F2561D, 0.85);
+    border-color: #F2762E;
+  }
+
   // Selection color in dark mode
   ::selection {
     background-color: rgba(#82B0D9, 0.3);

docs/layouts/_partials/sidebar/render-section-menu.html

@@ -31,6 +31,14 @@
       {{- $linkContent = . }}
     {{- end }}
 
+    {{- /* Pro badge for nodes whose page is marked audience: pro */ -}}
+    {{- $proBadge := "" -}}
+    {{- with $node.Page }}
+      {{- if eq .Params.audience "pro" }}
+        {{- $proBadge = `<span class="pro-badge" aria-label="Pro feature">Pro</span>` -}}
+      {{- end }}
+    {{- end }}
+
     {{- $ariaCurrent := "" -}}
     {{- $liClass := "" -}}
 
@@ -47,7 +55,7 @@
     <li {{- with $liClass }} class="{{ . }}" {{ end -}}>
       {{- with $node.Page.Pages }}
         <details{{- with $ariaCurrent }} open{{- end }}{{- if ne $node.Page.Params.sidebar.collapsed true }} open{{- end }}>
-          <summary>{{ $linkContent }}</summary>
+          <summary>{{ $linkContent }}{{ $proBadge | safeHTML }}</summary>
           <ul class="list-unstyled list-nested">
             {{- range . }}
               {{- template "walk" (dict "node" . "currentPage" $currentPage "version" $version) }}
@@ -56,7 +64,7 @@
         </details>
       {{- else }}
         {{- if $node.Page }}
-          <a {{- with $ariaCurrent }} aria-current="{{ . }}" {{- end }} href="{{- $node.Page.RelPermalink }}">{{ $linkContent }}</a>
+          <a {{- with $ariaCurrent }} aria-current="{{ . }}" {{- end }} href="{{- $node.Page.RelPermalink }}">{{ $linkContent }}{{ $proBadge | safeHTML }}</a>
         {{- else }}
           {{- /* Menu-only item with no page */ -}}
           {{ $linkContent }}