From 148ffe79f0a61141389637ec94bec3a14d08f99f Mon Sep 17 00:00:00 2001
From: Pontoporeia <pontoporeia@happyngreen.fr>
Date: Sun, 5 Jul 2026 14:55:43 +0200
Subject: [PATCH] fix: search bar icon/placeholder overlap caused by
 specificity conflict

The base input rule uses a high-specificity :not() chain (0,8,1) that
overpowered .header-search-input-wrap input (0,1,1). The base padding
won, so the search input's padding-left (which makes room for the icon)
was overridden. Switched to #site-search-input (1,0,0) to win the
specificity battle.
---
 app/public/assets/css/components/search.css | 4 ++--
 app/public/assets/css/content-page.css      | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/public/assets/css/components/search.css b/app/public/assets/css/components/search.css
index f727473..8298ad9 100644
--- a/app/public/assets/css/components/search.css
+++ b/app/public/assets/css/components/search.css
@@ -47,7 +47,7 @@ form[role="search"]:not(.header-search-form) {
 	pointer-events: none;
 }
 
-.header-search-input-wrap input {
+#site-search-input {
 	width: 100%;
 	padding: var(--space-2xs) var(--space-s);
 	padding-left: calc(18px + var(--space-l));
@@ -59,7 +59,7 @@ form[role="search"]:not(.header-search-form) {
 	font-family: inherit;
 }
 
-.header-search-input-wrap input::placeholder {
+#site-search-input::placeholder {
 	color: var(--accent-primary);
 	font-family: var(--font-body);
 	font-weight: 300;
diff --git a/app/public/assets/css/content-page.css b/app/public/assets/css/content-page.css
index e31de40..bdc161a 100644
--- a/app/public/assets/css/content-page.css
+++ b/app/public/assets/css/content-page.css
@@ -138,6 +138,11 @@
 	max-width: 100%;
 }
 
+#apropos-contacts,
+#apropos-intro {
+	border-bottom: none;
+}
+
 /* Section separators (about page only) */
 .page-content > article > section {
 	padding-bottom: var(--space-xl);