From 6a0f351dc2160a6e710fd312170ce51fc5a857cd Mon Sep 17 00:00:00 2001
From: Concept Agent <concept-agent@arisingmedia.dev>
Date: Sun, 31 May 2026 15:46:38 +0200
Subject: [PATCH] Fix nav breakpoint + topbar wrap on narrow screens

- Raise mobile nav breakpoint from 1023px to 1199px -- desktop nav needs 1200px+ (container max) to fit 7 links + phone + CTA without clipping
- Topbar: truncate text with ellipsis on <=600px to stay within fixed 44px height

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/css/components.css  | 5 ++---
 assets/css/promo-popup.css | 8 +++++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/assets/css/components.css b/assets/css/components.css
index 2d00e5b..1edd979 100644
--- a/assets/css/components.css
+++ b/assets/css/components.css
@@ -1447,9 +1447,8 @@ details.faq-item p {
   .contact-layout { grid-template-columns: 1fr; }
 }
 
-/* Header: switch to mobile menu earlier : desktop nav with logo + 6 links
-   + phone + CTA needs ~1024px to fit without overflowing. */
-@media (max-width: 1023px) {
+/* Desktop nav needs 1200px+ (container max) to fit logo + 7 links + phone + CTA */
+@media (max-width: 1199px) {
   .header-nav { display: none; }
   .header-phone { display: none; }
   .header-menu-btn { display: flex; }
diff --git a/assets/css/promo-popup.css b/assets/css/promo-popup.css
index 5dc57ad..4d0e061 100644
--- a/assets/css/promo-popup.css
+++ b/assets/css/promo-popup.css
@@ -51,8 +51,14 @@
 body.has-topbar #site-header { top: 44px; }
 
 @media (max-width: 600px) {
-  #promo-topbar-text { font-size: 0.72rem; }
   #promo-topbar { gap: 0.5rem; }
+  #promo-topbar-text {
+    font-size: 0.72rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: left;
+  }
 }
 
 /* Popup */