Cards: Fix bugs with the card due to merge

Author: lamATnginx

assets/css/v2/style.css

@@ -1482,13 +1482,16 @@ h6:has(a):hover {
 
     &.featured-section {
       /* Hide all the cards past 3 if it is a featured card section */
-      .card-section-content > *:nth-child(n + 4 of div.card) {
+      .card-section-content > *:nth-child(n + 4 of a.card) {
         display: none;
       }
     }
   }
 
   .card {
+    color: oklch(var(--color-foreground));
+    text-decoration: none;
+
     .card-container {
       display: flex;
       flex-direction: column;
@@ -1500,6 +1503,7 @@ h6:has(a):hover {
       flex-direction: row;
       gap: 1rem;
       align-items: center;
+      color: oklch(var(--color-brand));
 
       .card-brand-icon {
         height: 20px;

layouts/shortcodes/card.html

@@ -32,9 +32,16 @@
   {{ $dataGrid = "half"}}
 {{ end }}
 
+{{- /* Building the url */ -}}
+{{ $product := index (split .Page.RelPermalink "/") 1 }}
+{{ $href := printf "%s" $titleUrl }}
+{{ if not (eq $titleUrl ".") }}
+  {{ $href = printf "/%s/%s" $product $titleUrl }}
+{{ end }}
+
 {{- /* Validate that the parent is card-section and under 3 cards */ -}}
 {{- if (eq .Parent.Name "card-section") -}}
-<a href="{{- $titleUrl -}}" alt="{{- $title -}}" class="card{{ if eq $isFeatured "true" }} featured-card{{ end }}" data-grid="{{ $dataGrid }}" data-testid="{{ if eq $isFeatured "true" }}card__featured-card{{else}}card{{ end }}">
+<a href="{{- $href -}}" alt="{{- $title -}}" class="card{{ if eq $isFeatured "true" }} featured-card{{ end }}" data-grid="{{ $dataGrid }}" data-testid="{{ if eq $isFeatured "true" }}card__featured-card{{else}}card{{ end }}">
   <div class="card-container">
     {{- if $title -}}
       <div class="card-header">