fix padding gap

src/components/layout/BodyOverlay.tsx

@@ -5,7 +5,7 @@ import { useHeaderUI } from "./HeaderUIProvider";
 /**
  * Production: `<div class="body-overlay"></div>` is a direct child of body
  * (rendered by both index.php line 6 and header.php line 5 — production has two; we render one).
- * CSS (in vendor-theme-core.css and elementor-frontend-inline-css.css) styles it as fixed-position fullscreen overlay.
+ * CSS (consolidated into /public/css/site.css) styles it as fixed-position fullscreen overlay.
  */
 export default function BodyOverlay() {
   const { isMenuOpen, isSidebarOpen, closeAll } = useHeaderUI();

src/components/layout/Header.tsx

@@ -527,6 +527,16 @@ export default function Header() {
                 opacity: 1 !important;
             }
 
+            #masthead .header-menu-container .main-menu > li.active > a {
+                color: #ffffff !important;
+            }
+
+            #masthead .header-menu-container .main-menu > li > a:focus,
+            #masthead .header-menu-container .main-menu > li > a:focus-visible {
+                outline: none !important;
+                box-shadow: none !important;
+            }
+
             /* Responsive logo adjustment on mobile/tablet */
             @media (max-width: 1024px) {
                 #masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {