From 27d9cc58314922579eb9e643149b615fb518b5c8 Mon Sep 17 00:00:00 2001
From: peptiderepo <peptiderepo@users.noreply.github.com>
Date: Sun, 26 Apr 2026 04:59:50 +0000
Subject: [PATCH] fix: cookie notice brand alignment + bump v2.1.1
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Yoast homepage title/meta: updated via WP-CLI on production (no code change):
  title:   'Peptide Repo — What the research really says'
  desc:    'Verdict-driven peptide guides for clinicians and informed readers.
            20 monographs across 5 verdict states...'
  (CMO QA feedback, seq 2, item 1)

style.css — Cookie Notice (Hu-manity.co) button override:
  #cn-accept-cookie, #cn-more-info: background !important → var(--teal-500)
  hover state → var(--teal-600)
  Reason: plugin renders inline style='background-color: #00a99d' which beats
  regular CSS selectors; !important is the correct override mechanism here.
  (CMO QA feedback, seq 2, item 4)

Version: 2.1.0-alpha.3 → 2.1.1
---
 style.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 565a0e7..12d86d8 100644
--- a/style.css
+++ b/style.css
@@ -4,7 +4,7 @@ Theme URI: https://github.com/peptiderepo/peptide-starter
 Description: Premium, accessible WordPress theme for scientific peptide reference database
 Author: Peptide Repo
 Author URI: https://peptiderepo.com
-Version: 2.1.0-alpha.3
+Version: 2.1.1
 License: GPL v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: peptide-starter
@@ -3366,3 +3366,17 @@ html[data-theme="dark"] .ps-verify-required {
 	font-size: 0.85rem;
 	opacity: 0.7;
 }
+
+/* ─── Cookie Notice brand alignment ─────────────────────────────────────────
+ * The Cookie Notice plugin (Hu-manity.co) renders Accept/Privacy buttons with
+ * an inline style="background-color: #00a99d" (plugin default teal). Override
+ * with !important to match brand teal. Inline styles beat selectors without it.
+ */
+#cn-accept-cookie,
+#cn-more-info {
+	background-color: var(--teal-500) !important; /* #1B8A92 — overrides plugin's #00a99d inline style */
+}
+#cn-accept-cookie:hover,
+#cn-more-info:hover {
+	background-color: var(--teal-600) !important;
+}