From aa339c5a4dd223b77ed2abca33952ebc2c3f1ca4 Mon Sep 17 00:00:00 2001
From: unknown <kate522@88.com>
Date: Fri, 24 Jul 2026 12:53:15 +0800
Subject: [PATCH] fix(nav): zero FA vertical-align in top bar for flex
 centering

---
 assets/css/frontend/nav.css               | 34 +++++++++++++++++++++++
 assets/css/frontend/nav/zib-utilities.css |  6 ++--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/assets/css/frontend/nav.css b/assets/css/frontend/nav.css
index a5dea0ed..4b2f0b14 100644
--- a/assets/css/frontend/nav.css
+++ b/assets/css/frontend/nav.css
@@ -340,3 +340,37 @@
   display: inline-block;
   vertical-align: middle;
 }
+
+
+/* Final FA baseline: never vertical-align in the top bar (flex/abs centering only). */
+.navbar-top .fa,
+.navbar-top .fas,
+.navbar-top .far,
+.navbar-top .fab,
+.navbar-top i[class*="fa-"] {
+  line-height: 1 !important;
+  vertical-align: 0 !important;
+}
+
+/* Keep every right-side control row on the same optical midline as the brand. */
+.navbar-top .container-header {
+  display: flex !important;
+  align-items: center !important;
+  min-height: 50px;
+}
+.navbar-top .navbar-form,
+.navbar-top .navbar-right,
+.navbar-top .navbar-header {
+  display: flex !important;
+  align-items: center !important;
+  min-height: 36px;
+}
+
+/* Single-type CTA optical center with 0.3em padding (zibll) */
+.navbar-top a.navbar-cta.but,
+.navbar-top .navbar-but .but,
+.navbar-top a.newadd-btns.navbar-cta,
+.navbar-top a.payvip-icon.navbar-cta {
+  min-height: calc(1.44em + 0.6em) !important; /* line-height + vertical padding */
+  box-sizing: border-box !important;
+}
diff --git a/assets/css/frontend/nav/zib-utilities.css b/assets/css/frontend/nav/zib-utilities.css
index 7cc2fc04..6a2ee679 100644
--- a/assets/css/frontend/nav/zib-utilities.css
+++ b/assets/css/frontend/nav/zib-utilities.css
@@ -331,13 +331,13 @@ body.mobile-navbar-show { overflow: hidden; }
   display: inline-block;
   vertical-align: middle;
 }
-/* FA in header: kill common FA vertical drift vs flex centers */
+/* FA in header: line-height only — do NOT set vertical-align (causes flex drift). */
 .navbar-top .fa,
 .navbar-top .fas,
 .navbar-top .far,
 .navbar-top .fab {
-  line-height: 1;
-  vertical-align: -0.05em;
+  line-height: 1 !important;
+  vertical-align: 0 !important;
 }
 .navbar-top .css-icon {
   width: 1em;