From 2c59f0c2f7a24b2539532285cbb404aa4d72527c Mon Sep 17 00:00:00 2001
From: Paul Keen <125715+pftg@users.noreply.github.com>
Date: Mon, 11 May 2026 09:23:04 +0200
Subject: [PATCH] fix(css): use greedy safelist for fl-button + btn to preserve
 brand override
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Follow-up to #337: standard safelist preserved .btn.btn-primary
(class-only selector matched) but failed for a.fl-button
(tag+class compound). PurgeCSS treats class-only and tag+class
selectors differently for safelist matching, and only the class-only
rule survived. Result: Contact Us header button got brand red,
but hero CTAs ("Talk to an Expert", "Explore Use Cases") stayed
default blue pill.

Move fl-button, btn, action-button to safelist.greedy — preserves any
rule whose selector mentions these classes regardless of tag prefix.

Verified locally: red rule appears in inlined navigation <style>:
  .fl-button-wrap a, a.fl-button, a.fl-button:visited {
    background-color: #cc342d !important;
    border-radius: 8px !important;
    ...
  }

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 postcss.config.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/postcss.config.js b/postcss.config.js
index 4e716eceb..b2c9163de 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -42,7 +42,12 @@ const purgecss = createPurgeCss({
     ],
 
     greedy: [
-      /^swiper-/, /^is-/, /^has-/, /^js-/, /^fl-builder-content/, /^fl-col/, /^fl-node/, /^technologies-component/, /^footer-component/, /^use-cases/
+      /^swiper-/, /^is-/, /^has-/, /^js-/, /^fl-builder-content/, /^fl-col/, /^fl-node/, /^technologies-component/, /^footer-component/, /^use-cases/,
+      // Brand CTA buttons — preserve any selector mentioning these classes.
+      // Standard safelist didn't catch tag+class compound selectors like
+      // `a.fl-button` on CI (produced blue pills instead of Ruby red).
+      // Greedy preserves rules where ANY class in the selector matches.
+      /^fl-button/, /^btn/, /^action-button/
     ]
   },
   // Enhanced PurgeCSS options for better optimization