From 4801571b539ec89d72240ae1a9cb56281e96448b Mon Sep 17 00:00:00 2001
From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
Date: Sat, 4 Apr 2026 14:24:23 -0500
Subject: [PATCH] Fix main menu link color in header and back-to-top
 functionality

Main menu links in the header now explicitly use
--mainmenu-nav-link-color via .container-header .nav-link
selector, preventing the generic --nav-link-color from bleeding
through when variables resolve to the body link color.

Back-to-top link:
- Switch icon from IcoMoon (icon-arrow-up) to Font Awesome
  (fa-solid fa-arrow-up) for consistency with the rest of the
  template.
- Add id="top" to the header element so the href="#top" fallback
  works even when JavaScript is disabled.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/index.php              |  4 ++--
 src/media/css/template.css | 11 ++++++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/index.php b/src/index.php
index a7d682a..a85f013 100644
--- a/src/index.php
+++ b/src/index.php
@@ -367,7 +367,7 @@ $wa->useScript('user.js');         // js/user.js
 	<!-- End Google Analytics -->
 <?php endif; ?>
 
-<header class="header container-header full-width<?php echo $stickyHeader ? ' ' . $stickyHeader : ''; ?>" role="banner">
+<header id="top" class="header container-header full-width<?php echo $stickyHeader ? ' ' . $stickyHeader : ''; ?>" role="banner">
 
 	<?php if ($this->countModules('topbar')) : ?>
 		<div class="container-topbar">
@@ -523,7 +523,7 @@ $wa->useScript('user.js');         // js/user.js
 
 <?php if ($this->params->get('backTop') == 1) : ?>
 	<a href="#top" id="back-top" class="back-to-top-link" aria-label="<?php echo Text::_('TPL_MOKOCASSIOPEIA_BACKTOTOP'); ?>">
-		<span class="icon-arrow-up icon-fw" aria-hidden="true"></span>
+		<span class="fa-solid fa-arrow-up" aria-hidden="true"></span>
 	</a>
 <?php endif; ?>
 
diff --git a/src/media/css/template.css b/src/media/css/template.css
index 9df622b..2ff4823 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -14360,12 +14360,21 @@ li.current a {
 }
 
 .container-header .mod-menu>li>a,
-.container-header .mod-menu>li>span {
+.container-header .mod-menu>li>span,
+.container-header .nav-link,
+.container-header .mod-menu-main__link {
 	position: relative;
 	color: var(--mainmenu-nav-link-color, #fff);
 	text-decoration: none;
 }
 
+.container-header .nav-link:hover,
+.container-header .nav-link:focus,
+.container-header .mod-menu-main__link:hover,
+.container-header .mod-menu-main__link:focus {
+	color: var(--link-hover-color, #c3d6ff);
+}
+
 @media (min-width: 992px) {
 	.container-header .mod-menu>li::after {
 		position: absolute;