From e7656cf0b38b71cb800b2a3c03ac5fdf3deaf667 Mon Sep 17 00:00:00 2001
From: jamey <jamey@server.jamey.stream>
Date: Tue, 24 Feb 2026 14:49:13 +0000
Subject: [PATCH] fix social link items stacking vertically due to cascade
 conflict
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.themed-button-outline:where(a) { display: inline-block } (line 2147)
was beating .social-link-card-item { display: flex } (line 1796) —
same layer, same specificity, later wins. Used the parent selector
.social-link-card-list .social-link-card-item to give display: flex
higher specificity (2 classes vs 1) so it wins.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/css/shop/components.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/css/shop/components.css b/assets/css/shop/components.css
index 9cfc758..f9fe576 100644
--- a/assets/css/shop/components.css
+++ b/assets/css/shop/components.css
@@ -1793,7 +1793,7 @@
     gap: 0.5rem;
   }
 
-  .social-link-card-item {
+  .social-link-card-list .social-link-card-item {
     display: flex;
     align-items: center;
     gap: 0.5rem;