From f0de3bf3423ad0c213881a678a12063076d05533 Mon Sep 17 00:00:00 2001
From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
Date: Tue, 17 Mar 2026 20:16:39 -0500
Subject: [PATCH] Add header-aside module position to the right of the logo

- New position renders inside .header-brand-wrap, right-aligned via
  margin-inline-start: auto on .container-header-aside
- CSS: .header-brand-wrap uses flexbox so logo stays left, aside floats right
- Registered in templateDetails.xml positions list
- Language strings added to both en-US and en-GB sys.ini files

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/index.php                                 |  7 ++++++-
 src/language/en-GB/tpl_mokocassiopeia.sys.ini |  1 +
 src/language/en-US/tpl_mokocassiopeia.sys.ini |  1 +
 src/media/css/template.css                    | 13 +++++++++++++
 src/templateDetails.xml                       |  1 +
 5 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/index.php b/src/index.php
index 7a2c6d0..7875940 100644
--- a/src/index.php
+++ b/src/index.php
@@ -379,7 +379,7 @@ $wa->useScript('user.js');         // js/user.js
 		<?php endif; ?>
 
 		<?php if ($this->params->get('brand', 1)) : ?>
-			<div class="grid-child">
+			<div class="grid-child header-brand-wrap">
 				<div class="navbar-brand">
 					<a class="brand-logo" href="<?php echo $this->baseurl; ?>/">
 						<?php echo $brandHtml; ?>
@@ -390,6 +390,11 @@ $wa->useScript('user.js');         // js/user.js
 						</div>
 					<?php endif; ?>
 				</div>
+				<?php if ($this->countModules('header-aside', true)) : ?>
+					<div class="container-header-aside">
+						<jdoc:include type="modules" name="header-aside" style="none" />
+					</div>
+				<?php endif; ?>
 			</div>
 		<?php endif; ?>
 
diff --git a/src/language/en-GB/tpl_mokocassiopeia.sys.ini b/src/language/en-GB/tpl_mokocassiopeia.sys.ini
index c6c6747..1517f5b 100644
--- a/src/language/en-GB/tpl_mokocassiopeia.sys.ini
+++ b/src/language/en-GB/tpl_mokocassiopeia.sys.ini
@@ -18,6 +18,7 @@ TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_COLLAPSE_METISMENU="Collapsible Dropdown"
 TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN_METISMENU="Dropdown"
 TPL_MOKOCASSIOPEIA_POSITION_BANNER="Banner"
 TPL_MOKOCASSIOPEIA_POSITION_BELOW_TOP="Below Top"
+TPL_MOKOCASSIOPEIA_POSITION_HEADER_ASIDE="Header Aside"
 TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_A="Bottom-A"
 TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_B="Bottom-B"
 TPL_MOKOCASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs"
diff --git a/src/language/en-US/tpl_mokocassiopeia.sys.ini b/src/language/en-US/tpl_mokocassiopeia.sys.ini
index cec3cb4..c265eeb 100644
--- a/src/language/en-US/tpl_mokocassiopeia.sys.ini
+++ b/src/language/en-US/tpl_mokocassiopeia.sys.ini
@@ -18,6 +18,7 @@ TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_COLLAPSE_METISMENU="Collapsible Dropdown"
 TPL_MOKOCASSIOPEIA_MOD_MENU_LAYOUT_DROPDOWN_METISMENU="Dropdown"
 TPL_MOKOCASSIOPEIA_POSITION_BANNER="Banner"
 TPL_MOKOCASSIOPEIA_POSITION_BELOW_TOP="Below Top"
+TPL_MOKOCASSIOPEIA_POSITION_HEADER_ASIDE="Header Aside"
 TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_A="Bottom-A"
 TPL_MOKOCASSIOPEIA_POSITION_BOTTOM_B="Bottom-B"
 TPL_MOKOCASSIOPEIA_POSITION_BREADCRUMBS="Breadcrumbs"
diff --git a/src/media/css/template.css b/src/media/css/template.css
index b8d4ef8..e1e4639 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -14378,6 +14378,19 @@ fieldset>* {
 	white-space: normal;
 }
 
+/* Header aside: module position to the right of the logo */
+.header-brand-wrap {
+	display: flex;
+	align-items: center;
+	width: 100%;
+}
+
+.container-header-aside {
+	margin-inline-start: auto;
+	display: flex;
+	align-items: center;
+}
+
 .container-header .navbar-brand {
 	position: relative;
 	display: inline-block;
diff --git a/src/templateDetails.xml b/src/templateDetails.xml
index 84da6c6..70eaa5b 100644
--- a/src/templateDetails.xml
+++ b/src/templateDetails.xml
@@ -67,6 +67,7 @@
 		<position>topbar</position>
 		<position>below-topbar</position>
 		<position>below-logo</position>
+		<position>header-aside</position>
 		<position>menu</position>
 		<position>search</position>
 		<position>banner</position>