From 0c6a35f9bd9b6abf86f35cd8675e1c0688805450 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 22 Feb 2026 22:27:02 +0000
Subject: [PATCH] Add mobile responsive overrides for standard Joomla and
 Community Builder modules

Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
---
 src/media/css/template.css                    | 596 ++++++++++++++++++
 .../html/mod_articles_latest/default.php      | 100 +++
 .../html/mod_articles_latest/index.html       |   1 +
 .../html/mod_breadcrumbs/default.php          |  63 ++
 src/templates/html/mod_breadcrumbs/index.html |   1 +
 src/templates/html/mod_cblogin/default.php    | 159 +++++
 src/templates/html/mod_cblogin/index.html     |   1 +
 .../html/mod_comprofilerOnline/default.php    |  94 +++
 .../html/mod_comprofilerOnline/index.html     |   1 +
 src/templates/html/mod_login/default.php      | 168 +++++
 src/templates/html/mod_login/index.html       |   1 +
 src/templates/html/mod_menu/default.php       |  40 ++
 .../html/mod_menu/default_component.php       |  14 +
 src/templates/html/mod_menu/default_url.php   |  52 ++
 src/templates/html/mod_menu/index.html        |   1 +
 15 files changed, 1292 insertions(+)
 create mode 100644 src/templates/html/mod_articles_latest/default.php
 create mode 100644 src/templates/html/mod_articles_latest/index.html
 create mode 100644 src/templates/html/mod_breadcrumbs/default.php
 create mode 100644 src/templates/html/mod_breadcrumbs/index.html
 create mode 100644 src/templates/html/mod_cblogin/default.php
 create mode 100644 src/templates/html/mod_cblogin/index.html
 create mode 100644 src/templates/html/mod_comprofilerOnline/default.php
 create mode 100644 src/templates/html/mod_comprofilerOnline/index.html
 create mode 100644 src/templates/html/mod_login/default.php
 create mode 100644 src/templates/html/mod_login/index.html
 create mode 100644 src/templates/html/mod_menu/default.php
 create mode 100644 src/templates/html/mod_menu/default_component.php
 create mode 100644 src/templates/html/mod_menu/default_url.php
 create mode 100644 src/templates/html/mod_menu/index.html

diff --git a/src/media/css/template.css b/src/media/css/template.css
index fb47055..d469074 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -19349,3 +19349,599 @@ nav[data-toggle=toc] .nav-link.active+ul{
 		grid-template-columns: repeat(4, 1fr);
 	}
 }
+
+/* ===== STANDARD JOOMLA & COMMUNITY BUILDER MODULE STYLES ===== */
+
+/* === mod_menu === */
+.mod-menu-responsive {
+	width: 100%;
+}
+
+.mod-menu__heading {
+	margin-bottom: 1rem;
+	font-weight: 600;
+}
+
+/* === mod_breadcrumbs === */
+.mod-breadcrumbs-responsive {
+	width: 100%;
+	padding: 0.75rem 0;
+}
+
+.mod-breadcrumbs__prefix {
+	font-weight: 600;
+	margin-right: 0.5rem;
+	color: var(--body-color);
+}
+
+.mod-breadcrumbs__list {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 0.5rem;
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	align-items: center;
+}
+
+.mod-breadcrumbs__item {
+	display: flex;
+	align-items: center;
+}
+
+.mod-breadcrumbs__item:not(:last-child)::after {
+	content: "/";
+	margin-left: 0.5rem;
+	color: var(--gray-500);
+}
+
+.mod-breadcrumbs__link {
+	color: var(--link-color);
+	text-decoration: none;
+	transition: color 0.2s;
+}
+
+.mod-breadcrumbs__link:hover {
+	color: var(--link-hover-color);
+	text-decoration: underline;
+}
+
+.mod-breadcrumbs__current {
+	color: var(--body-color);
+	font-weight: 600;
+}
+
+.mod-breadcrumbs__item--home .icon-home {
+	font-size: 1.25rem;
+}
+
+/* === mod_login === */
+.mod-login-responsive {
+	width: 100%;
+}
+
+.mod-login__form {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+
+.mod-login__greeting {
+	padding: 1rem;
+	background: var(--secondary-bg);
+	border-radius: var(--border-radius);
+	margin-bottom: 1rem;
+	font-weight: 600;
+}
+
+.mod-login__pretext,
+.mod-login__posttext {
+	font-size: 0.875rem;
+	color: var(--gray-600);
+	line-height: 1.6;
+}
+
+.mod-login__fields {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+
+.mod-login__field {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+}
+
+.mod-login__label {
+	font-weight: 600;
+	font-size: 0.875rem;
+	color: var(--body-color);
+}
+
+.mod-login__input {
+	padding: 0.5rem 0.75rem;
+	font-size: 1rem;
+	line-height: 1.5;
+	border: 1px solid var(--input-border-color, #dee2e6);
+	border-radius: var(--border-radius);
+	background: var(--input-bg, #fff);
+	color: var(--input-color, #212529);
+	min-height: 44px;
+}
+
+.mod-login__input:focus {
+	border-color: var(--color-primary);
+	outline: 0;
+	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.mod-login__remember {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+}
+
+.mod-login__checkbox {
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+}
+
+.mod-login__remember-label {
+	font-size: 0.875rem;
+	cursor: pointer;
+	margin: 0;
+}
+
+.mod-login__actions {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+}
+
+.mod-login__btn {
+	padding: 0.625rem 1rem;
+	font-size: 1rem;
+	font-weight: 600;
+	border-radius: var(--border-radius);
+	min-height: 44px;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	gap: 0.5rem;
+	transition: all 0.2s;
+	border: none;
+	cursor: pointer;
+}
+
+.mod-login__links {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+	margin-top: 0.5rem;
+}
+
+.mod-login__link {
+	color: var(--link-color);
+	text-decoration: none;
+	font-size: 0.875rem;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0.5rem;
+	border-radius: var(--border-radius);
+	transition: background 0.2s;
+}
+
+.mod-login__link:hover {
+	background: var(--secondary-bg);
+	color: var(--link-hover-color);
+}
+
+/* === mod_articles_latest === */
+.mod-articles-latest-responsive {
+	width: 100%;
+}
+
+.mod-articles-latest__list {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 1.5rem;
+}
+
+.mod-articles-latest__item {
+	padding-bottom: 1.5rem;
+	border-bottom: 1px solid var(--border-color);
+}
+
+.mod-articles-latest__item:last-child {
+	border-bottom: none;
+	padding-bottom: 0;
+}
+
+.mod-articles-latest__title {
+	margin: 0 0 0.75rem 0;
+	font-weight: 600;
+	line-height: 1.4;
+}
+
+.mod-articles-latest__link {
+	color: var(--body-color);
+	text-decoration: none;
+	transition: color 0.2s;
+}
+
+.mod-articles-latest__link:hover {
+	color: var(--color-primary);
+	text-decoration: underline;
+}
+
+.mod-articles-latest__meta {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 1rem;
+	font-size: 0.875rem;
+	color: var(--gray-600);
+	margin-bottom: 0.75rem;
+}
+
+.mod-articles-latest__meta > span {
+	display: flex;
+	align-items: center;
+	gap: 0.25rem;
+}
+
+.mod-articles-latest__intro {
+	color: var(--body-color);
+	line-height: 1.6;
+	margin-bottom: 1rem;
+}
+
+.mod-articles-latest__readmore {
+	margin-top: 1rem;
+}
+
+.mod-articles-latest__readmore-link {
+	display: inline-flex;
+	align-items: center;
+	gap: 0.5rem;
+	min-height: 44px;
+}
+
+.mod-articles-latest__empty {
+	text-align: center;
+	padding: 2rem 1rem;
+	background: var(--secondary-bg);
+	border-radius: var(--border-radius);
+	color: var(--gray-600);
+}
+
+/* === mod_cblogin (Community Builder) === */
+.mod-cblogin-responsive {
+	width: 100%;
+}
+
+.mod-cblogin__form {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+
+.mod-cblogin__greeting {
+	display: flex;
+	align-items: center;
+	gap: 1rem;
+	padding: 1rem;
+	background: var(--secondary-bg);
+	border-radius: var(--border-radius);
+	margin-bottom: 1rem;
+}
+
+.mod-cblogin__avatar {
+	flex-shrink: 0;
+	width: 60px;
+	height: 60px;
+	border-radius: 50%;
+	overflow: hidden;
+}
+
+.mod-cblogin__avatar img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+.mod-cblogin__user-info {
+	flex: 1;
+}
+
+.mod-cblogin__username {
+	font-weight: 600;
+	font-size: 1.125rem;
+}
+
+.mod-cblogin__pretext,
+.mod-cblogin__posttext {
+	font-size: 0.875rem;
+	color: var(--gray-600);
+	line-height: 1.6;
+}
+
+.mod-cblogin__fields {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+
+.mod-cblogin__field {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+}
+
+.mod-cblogin__label {
+	font-weight: 600;
+	font-size: 0.875rem;
+	color: var(--body-color);
+}
+
+.mod-cblogin__input {
+	padding: 0.5rem 0.75rem;
+	font-size: 1rem;
+	line-height: 1.5;
+	border: 1px solid var(--input-border-color, #dee2e6);
+	border-radius: var(--border-radius);
+	background: var(--input-bg, #fff);
+	color: var(--input-color, #212529);
+	min-height: 44px;
+}
+
+.mod-cblogin__input:focus {
+	border-color: var(--color-primary);
+	outline: 0;
+	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.mod-cblogin__remember {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+}
+
+.mod-cblogin__checkbox {
+	width: 20px;
+	height: 20px;
+	cursor: pointer;
+}
+
+.mod-cblogin__remember-label {
+	font-size: 0.875rem;
+	cursor: pointer;
+	margin: 0;
+}
+
+.mod-cblogin__actions {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+}
+
+.mod-cblogin__btn {
+	padding: 0.625rem 1rem;
+	font-size: 1rem;
+	font-weight: 600;
+	border-radius: var(--border-radius);
+	min-height: 44px;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	gap: 0.5rem;
+	transition: all 0.2s;
+	border: none;
+	cursor: pointer;
+	text-decoration: none;
+}
+
+.mod-cblogin__links {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+	margin-top: 0.5rem;
+}
+
+.mod-cblogin__link {
+	color: var(--link-color);
+	text-decoration: none;
+	font-size: 0.875rem;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0.5rem;
+	border-radius: var(--border-radius);
+	transition: background 0.2s;
+}
+
+.mod-cblogin__link:hover {
+	background: var(--secondary-bg);
+	color: var(--link-hover-color);
+}
+
+/* === mod_comprofilerOnline (Community Builder) === */
+.mod-cb-online-responsive {
+	width: 100%;
+}
+
+.mod-cb-online__stats {
+	padding: 1rem;
+	background: var(--secondary-bg);
+	border-radius: var(--border-radius);
+	margin-bottom: 1.5rem;
+}
+
+.mod-cb-online__count {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin-bottom: 1rem;
+}
+
+.mod-cb-online__count-number {
+	font-size: 2.5rem;
+	font-weight: 700;
+	color: var(--color-primary);
+	line-height: 1;
+}
+
+.mod-cb-online__count-label {
+	font-size: 0.875rem;
+	color: var(--gray-600);
+	text-transform: uppercase;
+	letter-spacing: 0.5px;
+}
+
+.mod-cb-online__breakdown {
+	display: flex;
+	justify-content: center;
+	gap: 1.5rem;
+	flex-wrap: wrap;
+}
+
+.mod-cb-online__breakdown-item {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+	font-size: 0.875rem;
+	color: var(--body-color);
+}
+
+.mod-cb-online__heading {
+	font-size: 1.125rem;
+	font-weight: 600;
+	margin: 0 0 1rem 0;
+}
+
+.mod-cb-online__list {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	display: flex;
+	flex-direction: column;
+	gap: 0.75rem;
+}
+
+.mod-cb-online__user {
+	display: flex;
+	align-items: center;
+	gap: 0.75rem;
+	padding: 0.75rem;
+	background: var(--body-bg);
+	border: 1px solid var(--border-color);
+	border-radius: var(--border-radius);
+	transition: all 0.2s;
+}
+
+.mod-cb-online__user:hover {
+	background: var(--secondary-bg);
+	border-color: var(--color-primary);
+}
+
+.mod-cb-online__avatar {
+	flex-shrink: 0;
+	width: 40px;
+	height: 40px;
+	border-radius: 50%;
+	overflow: hidden;
+}
+
+.mod-cb-online__avatar img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+.mod-cb-online__info {
+	flex: 1;
+	min-width: 0;
+}
+
+.mod-cb-online__name {
+	font-weight: 600;
+	color: var(--body-color);
+	text-decoration: none;
+	display: block;
+	margin-bottom: 0.25rem;
+}
+
+.mod-cb-online__name:hover {
+	color: var(--color-primary);
+}
+
+.mod-cb-online__status {
+	font-size: 0.875rem;
+	color: var(--gray-600);
+	display: block;
+}
+
+.mod-cb-online__indicator {
+	flex-shrink: 0;
+	color: var(--success);
+	font-size: 1.25rem;
+}
+
+.mod-cb-online__empty {
+	text-align: center;
+	padding: 2rem 1rem;
+	background: var(--secondary-bg);
+	border-radius: var(--border-radius);
+	color: var(--gray-600);
+}
+
+/* === Mobile Responsive Adjustments === */
+@media (max-width: 575.98px) {
+	/* Login modules */
+	.mod-login__input,
+	.mod-cblogin__input {
+		font-size: 16px;
+		min-height: 48px;
+		padding: 0.75rem 1rem;
+	}
+	
+	.mod-login__btn,
+	.mod-cblogin__btn {
+		min-height: 48px;
+		padding: 0.75rem 1rem;
+	}
+	
+	.mod-articles-latest__meta {
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+	
+	.mod-cb-online__breakdown {
+		flex-direction: column;
+		gap: 0.75rem;
+	}
+}
+
+/* Tablet and desktop enhancements */
+@media (min-width: 768px) {
+	.mod-login__actions,
+	.mod-cblogin__actions {
+		flex-direction: row;
+	}
+	
+	.mod-cb-online__stats {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+	
+	.mod-cb-online__count {
+		margin-bottom: 0;
+		align-items: flex-start;
+	}
+}
diff --git a/src/templates/html/mod_articles_latest/default.php b/src/templates/html/mod_articles_latest/default.php
new file mode 100644
index 0000000..a570677
--- /dev/null
+++ b/src/templates/html/mod_articles_latest/default.php
@@ -0,0 +1,100 @@
+<?php
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_articles_latest
+ *
+ * @copyright   (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ *
+ * Mobile responsive override for mod_articles_latest module
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+
+$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
+
+// Add responsive wrapper class
+$wrapperClass = 'mod-articles-latest mod-articles-latest-responsive ' . $moduleclass_sfx;
+?>
+
+<div class="<?php echo $wrapperClass; ?>">
+	<?php if (!empty($list)) : ?>
+		<ul class="mod-articles-latest__list">
+			<?php foreach ($list as $item) : ?>
+				<li class="mod-articles-latest__item" itemscope itemtype="https://schema.org/Article">
+					<?php if ($params->get('show_introtext', 0) && !empty($item->introtext)) : ?>
+						<div class="mod-articles-latest__article">
+							<h<?php echo $params->get('item_heading', 4); ?> class="mod-articles-latest__title" itemprop="headline">
+								<?php if ($params->get('link_titles', 1)) : ?>
+									<a href="<?php echo $item->link; ?>" itemprop="url" class="mod-articles-latest__link">
+										<?php echo htmlspecialchars($item->title, ENT_COMPAT, 'UTF-8'); ?>
+									</a>
+								<?php else : ?>
+									<?php echo htmlspecialchars($item->title, ENT_COMPAT, 'UTF-8'); ?>
+								<?php endif; ?>
+							</h<?php echo $params->get('item_heading', 4); ?>>
+
+							<?php if ($params->get('show_author', 0) || $params->get('show_date', 0) || $params->get('show_category', 0) || $params->get('show_hits', 0)) : ?>
+								<div class="mod-articles-latest__meta">
+									<?php if ($params->get('show_author', 0)) : ?>
+										<span class="mod-articles-latest__author" itemprop="author" itemscope itemtype="https://schema.org/Person">
+											<span class="icon-user" aria-hidden="true"></span>
+											<span itemprop="name"><?php echo $item->author; ?></span>
+										</span>
+									<?php endif; ?>
+
+									<?php if ($params->get('show_date', 0)) : ?>
+										<span class="mod-articles-latest__date">
+											<span class="icon-calendar" aria-hidden="true"></span>
+											<time datetime="<?php echo HTMLHelper::_('date', $item->publish_up, 'c'); ?>" itemprop="datePublished">
+												<?php echo HTMLHelper::_('date', $item->publish_up, Text::_('DATE_FORMAT_LC3')); ?>
+											</time>
+										</span>
+									<?php endif; ?>
+
+									<?php if ($params->get('show_category', 0)) : ?>
+										<span class="mod-articles-latest__category">
+											<span class="icon-folder" aria-hidden="true"></span>
+											<?php echo $item->displayCategoryTitle; ?>
+										</span>
+									<?php endif; ?>
+
+									<?php if ($params->get('show_hits', 0)) : ?>
+										<span class="mod-articles-latest__hits">
+											<span class="icon-eye" aria-hidden="true"></span>
+											<?php echo $item->displayHits; ?>
+										</span>
+									<?php endif; ?>
+								</div>
+							<?php endif; ?>
+
+							<div class="mod-articles-latest__intro" itemprop="description">
+								<?php echo $item->introtext; ?>
+							</div>
+
+							<?php if ($params->get('readmore', 0)) : ?>
+								<div class="mod-articles-latest__readmore">
+									<a href="<?php echo $item->link; ?>" class="mod-articles-latest__readmore-link btn btn-secondary">
+										<?php echo Text::_('MOD_ARTICLES_LATEST_READMORE'); ?>
+										<span class="icon-chevron-right" aria-hidden="true"></span>
+									</a>
+								</div>
+							<?php endif; ?>
+						</div>
+					<?php else : ?>
+						<a href="<?php echo $item->link; ?>" class="mod-articles-latest__link" itemprop="url">
+							<span itemprop="headline"><?php echo htmlspecialchars($item->title, ENT_COMPAT, 'UTF-8'); ?></span>
+						</a>
+					<?php endif; ?>
+				</li>
+			<?php endforeach; ?>
+		</ul>
+	<?php else : ?>
+		<div class="mod-articles-latest__empty">
+			<p><?php echo Text::_('MOD_ARTICLES_LATEST_NO_ARTICLES'); ?></p>
+		</div>
+	<?php endif; ?>
+</div>
diff --git a/src/templates/html/mod_articles_latest/index.html b/src/templates/html/mod_articles_latest/index.html
new file mode 100644
index 0000000..09b7ab1
--- /dev/null
+++ b/src/templates/html/mod_articles_latest/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title></title></head><body></body></html>
diff --git a/src/templates/html/mod_breadcrumbs/default.php b/src/templates/html/mod_breadcrumbs/default.php
new file mode 100644
index 0000000..413df37
--- /dev/null
+++ b/src/templates/html/mod_breadcrumbs/default.php
@@ -0,0 +1,63 @@
+<?php
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_breadcrumbs
+ *
+ * @copyright   (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ *
+ * Mobile responsive override for mod_breadcrumbs module
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Language\Text;
+
+$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
+
+// Add responsive wrapper class
+$wrapperClass = 'mod-breadcrumbs mod-breadcrumbs-responsive ' . $moduleclass_sfx;
+?>
+
+<nav class="<?php echo $wrapperClass; ?>" aria-label="<?php echo Text::_('JGLOBAL_YOU_ARE_HERE'); ?>">
+	<?php if ($params->get('showHereYouAre', 1)) : ?>
+		<span class="mod-breadcrumbs__prefix"><?php echo Text::_('JGLOBAL_YOU_ARE_HERE'); ?>:</span>
+	<?php endif; ?>
+	
+	<ol class="mod-breadcrumbs__list" itemscope itemtype="https://schema.org/BreadcrumbList">
+		<?php if ($params->get('showHome', 1)) : ?>
+			<li class="mod-breadcrumbs__item mod-breadcrumbs__item--home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
+				<?php $icon = $params->get('homeIcon', 'icon-home'); ?>
+				<a itemprop="item" href="<?php echo $list[0]->link; ?>" class="mod-breadcrumbs__link">
+					<span class="<?php echo $icon; ?>" aria-hidden="true"></span>
+					<span itemprop="name" class="visually-hidden"><?php echo htmlspecialchars($list[0]->name, ENT_COMPAT, 'UTF-8'); ?></span>
+				</a>
+				<meta itemprop="position" content="1" />
+			</li>
+			<?php $position = 2; ?>
+		<?php else : ?>
+			<?php $position = 1; ?>
+		<?php endif; ?>
+
+		<?php
+		$start = $params->get('showHome', 1) ? 1 : 0;
+		$count = count($list);
+		
+		for ($i = $start; $i < $count; $i++) :
+			$isLast = ($i === $count - 1);
+		?>
+			<li class="mod-breadcrumbs__item <?php echo $isLast ? 'mod-breadcrumbs__item--active' : ''; ?>" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
+				<?php if (!$isLast) : ?>
+					<a itemprop="item" href="<?php echo $list[$i]->link; ?>" class="mod-breadcrumbs__link">
+						<span itemprop="name"><?php echo htmlspecialchars($list[$i]->name, ENT_COMPAT, 'UTF-8'); ?></span>
+					</a>
+				<?php else : ?>
+					<span itemprop="name" class="mod-breadcrumbs__current" aria-current="page">
+						<?php echo htmlspecialchars($list[$i]->name, ENT_COMPAT, 'UTF-8'); ?>
+					</span>
+				<?php endif; ?>
+				<meta itemprop="position" content="<?php echo $position++; ?>" />
+			</li>
+		<?php endfor; ?>
+	</ol>
+</nav>
diff --git a/src/templates/html/mod_breadcrumbs/index.html b/src/templates/html/mod_breadcrumbs/index.html
new file mode 100644
index 0000000..09b7ab1
--- /dev/null
+++ b/src/templates/html/mod_breadcrumbs/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title></title></head><body></body></html>
diff --git a/src/templates/html/mod_cblogin/default.php b/src/templates/html/mod_cblogin/default.php
new file mode 100644
index 0000000..9348fda
--- /dev/null
+++ b/src/templates/html/mod_cblogin/default.php
@@ -0,0 +1,159 @@
+<?php
+/**
+ * @package     Community Builder
+ * @subpackage  mod_cblogin
+ *
+ * @copyright   (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ *
+ * Mobile responsive override for mod_cblogin module
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Language\Text;
+
+$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
+
+// Add responsive wrapper class
+$wrapperClass = 'mod-cblogin mod-cblogin-responsive ' . $moduleclass_sfx;
+?>
+
+<div class="<?php echo $wrapperClass; ?>">
+	<?php if ($type === 'logout') : ?>
+		<div class="mod-cblogin__logout">
+			<?php if ($params->get('greeting', 1)) : ?>
+				<div class="mod-cblogin__greeting">
+					<?php if ($cbUser) : ?>
+						<div class="mod-cblogin__avatar">
+							<?php echo $cbUser->getField('avatar', null, 'html', 'none', 'list'); ?>
+						</div>
+						<div class="mod-cblogin__user-info">
+							<span class="mod-cblogin__username">
+								<?php echo htmlspecialchars($cbUser->getField('formatname', null, 'html', 'none', 'list'), ENT_COMPAT, 'UTF-8'); ?>
+							</span>
+						</div>
+					<?php endif; ?>
+				</div>
+			<?php endif; ?>
+
+			<form action="<?php echo $action; ?>" method="post" class="mod-cblogin__form">
+				<div class="mod-cblogin__actions">
+					<?php if ($params->get('profileLink', 1) && $cbUser) : ?>
+						<a href="<?php echo $cbUser->getField('canvas', null, 'html', 'none', 'profile'); ?>" class="mod-cblogin__btn mod-cblogin__btn--profile btn btn-secondary">
+							<span class="icon-user" aria-hidden="true"></span>
+							<?php echo Text::_('MOD_CBLOGIN_PROFILE'); ?>
+						</a>
+					<?php endif; ?>
+					
+					<button type="submit" name="Submit" class="mod-cblogin__btn mod-cblogin__btn--logout btn btn-primary">
+						<span class="icon-sign-out" aria-hidden="true"></span>
+						<?php echo Text::_('MOD_CBLOGIN_LOGOUT'); ?>
+					</button>
+				</div>
+				<input type="hidden" name="op2" value="logout" />
+				<input type="hidden" name="lang" value="<?php echo $lang; ?>" />
+				<input type="hidden" name="return" value="<?php echo $return; ?>" />
+				<?php echo $securityToken; ?>
+			</form>
+		</div>
+	<?php else : ?>
+		<form action="<?php echo $action; ?>" method="post" name="login<?php echo $moduleId; ?>" id="login<?php echo $moduleId; ?>" class="mod-cblogin__form mod-cblogin__form--login">
+			<?php if ($params->get('pretext')) : ?>
+				<div class="mod-cblogin__pretext">
+					<?php echo $params->get('pretext'); ?>
+				</div>
+			<?php endif; ?>
+
+			<div class="mod-cblogin__fields">
+				<div class="mod-cblogin__field">
+					<label for="modlogi username<?php echo $moduleId; ?>" class="mod-cblogin__label">
+						<?php echo Text::_('MOD_CBLOGIN_USERNAME'); ?>
+					</label>
+					<input 
+						id="modlogi username<?php echo $moduleId; ?>" 
+						type="text" 
+						name="username" 
+						class="mod-cblogin__input form-control" 
+						placeholder="<?php echo Text::_('MOD_CBLOGIN_USERNAME'); ?>"
+						autocomplete="username"
+						required
+					/>
+				</div>
+
+				<div class="mod-cblogin__field">
+					<label for="modloginpass<?php echo $moduleId; ?>" class="mod-cblogin__label">
+						<?php echo Text::_('MOD_CBLOGIN_PASSWORD'); ?>
+					</label>
+					<input 
+						id="modloginpass<?php echo $moduleId; ?>" 
+						type="password" 
+						name="passwd" 
+						class="mod-cblogin__input form-control" 
+						placeholder="<?php echo Text::_('MOD_CBLOGIN_PASSWORD'); ?>"
+						autocomplete="current-password"
+						required
+					/>
+				</div>
+
+				<?php if ($params->get('remember_me', 1)) : ?>
+					<div class="mod-cblogin__remember">
+						<input 
+							id="modloginrememberme<?php echo $moduleId; ?>" 
+							type="checkbox" 
+							name="remember" 
+							class="mod-cblogin__checkbox" 
+							value="yes"
+						/>
+						<label for="modloginrememberme<?php echo $moduleId; ?>" class="mod-cblogin__remember-label">
+							<?php echo Text::_('MOD_CBLOGIN_REMEMBER_ME'); ?>
+						</label>
+					</div>
+				<?php endif; ?>
+			</div>
+
+			<div class="mod-cblogin__actions">
+				<button type="submit" name="Submit" class="mod-cblogin__btn mod-cblogin__btn--submit btn btn-primary">
+					<span class="icon-sign-in" aria-hidden="true"></span>
+					<?php echo Text::_('MOD_CBLOGIN_LOGIN'); ?>
+				</button>
+			</div>
+
+			<div class="mod-cblogin__links">
+				<?php if ($params->get('lostpassword_link', 1)) : ?>
+					<a href="<?php echo $lostPasswordLink; ?>" class="mod-cblogin__link">
+						<?php echo Text::_('MOD_CBLOGIN_FORGOT_PASSWORD'); ?>
+						<span class="icon-chevron-right" aria-hidden="true"></span>
+					</a>
+				<?php endif; ?>
+				
+				<?php if ($params->get('lostusername_link', 1)) : ?>
+					<a href="<?php echo $lostUsernameLink; ?>" class="mod-cblogin__link">
+						<?php echo Text::_('MOD_CBLOGIN_FORGOT_USERNAME'); ?>
+						<span class="icon-chevron-right" aria-hidden="true"></span>
+					</a>
+				<?php endif; ?>
+				
+				<?php if ($params->get('registration_link', 1)) : ?>
+					<a href="<?php echo $registrationLink; ?>" class="mod-cblogin__link">
+						<?php echo Text::_('MOD_CBLOGIN_REGISTER'); ?>
+						<span class="icon-chevron-right" aria-hidden="true"></span>
+					</a>
+				<?php endif; ?>
+			</div>
+
+			<?php if ($params->get('posttext')) : ?>
+				<div class="mod-cblogin__posttext">
+					<?php echo $params->get('posttext'); ?>
+				</div>
+			<?php endif; ?>
+
+			<input type="hidden" name="op2" value="login" />
+			<input type="hidden" name="lang" value="<?php echo $lang; ?>" />
+			<input type="hidden" name="return" value="<?php echo $return; ?>" />
+			<input type="hidden" name="message" value="0" />
+			<input type="hidden" name="loginfrom" value="loginmodule" />
+			<?php echo $securityToken; ?>
+		</form>
+	<?php endif; ?>
+</div>
diff --git a/src/templates/html/mod_cblogin/index.html b/src/templates/html/mod_cblogin/index.html
new file mode 100644
index 0000000..09b7ab1
--- /dev/null
+++ b/src/templates/html/mod_cblogin/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title></title></head><body></body></html>
diff --git a/src/templates/html/mod_comprofilerOnline/default.php b/src/templates/html/mod_comprofilerOnline/default.php
new file mode 100644
index 0000000..f595861
--- /dev/null
+++ b/src/templates/html/mod_comprofilerOnline/default.php
@@ -0,0 +1,94 @@
+<?php
+/**
+ * @package     Community Builder
+ * @subpackage  mod_comprofilerOnline
+ *
+ * @copyright   (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ *
+ * Mobile responsive override for mod_comprofilerOnline module
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Language\Text;
+
+$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
+
+// Add responsive wrapper class
+$wrapperClass = 'mod-cb-online mod-cb-online-responsive ' . $moduleclass_sfx;
+?>
+
+<div class="<?php echo $wrapperClass; ?>">
+	<?php if (!empty($onlineUsers)) : ?>
+		<div class="mod-cb-online__stats">
+			<div class="mod-cb-online__count">
+				<span class="mod-cb-online__count-number"><?php echo $totalOnline; ?></span>
+				<span class="mod-cb-online__count-label">
+					<?php echo $totalOnline == 1 ? Text::_('MOD_CB_ONLINE_USER') : Text::_('MOD_CB_ONLINE_USERS'); ?>
+				</span>
+			</div>
+			
+			<?php if ($params->get('show_guest_count', 1)) : ?>
+				<div class="mod-cb-online__breakdown">
+					<span class="mod-cb-online__breakdown-item">
+						<span class="icon-users" aria-hidden="true"></span>
+						<?php echo $membersOnline; ?> <?php echo Text::_('MOD_CB_ONLINE_MEMBERS'); ?>
+					</span>
+					<span class="mod-cb-online__breakdown-item">
+						<span class="icon-eye" aria-hidden="true"></span>
+						<?php echo $guestsOnline; ?> <?php echo Text::_('MOD_CB_ONLINE_GUESTS'); ?>
+					</span>
+				</div>
+			<?php endif; ?>
+		</div>
+
+		<?php if ($params->get('show_user_list', 1) && !empty($onlineUsers)) : ?>
+			<div class="mod-cb-online__users">
+				<h<?php echo $params->get('header_level', 3); ?> class="mod-cb-online__heading">
+					<?php echo Text::_('MOD_CB_ONLINE_WHO_IS_ONLINE'); ?>
+				</h<?php echo $params->get('header_level', 3); ?>>
+				
+				<ul class="mod-cb-online__list">
+					<?php foreach ($onlineUsers as $user) : ?>
+						<li class="mod-cb-online__user">
+							<?php if ($params->get('show_avatar', 1) && !empty($user->avatar)) : ?>
+								<div class="mod-cb-online__avatar">
+									<?php echo $user->avatar; ?>
+								</div>
+							<?php endif; ?>
+							
+							<div class="mod-cb-online__info">
+								<?php if ($params->get('link_names', 1) && !empty($user->link)) : ?>
+									<a href="<?php echo $user->link; ?>" class="mod-cb-online__name">
+										<?php echo htmlspecialchars($user->name, ENT_COMPAT, 'UTF-8'); ?>
+									</a>
+								<?php else : ?>
+									<span class="mod-cb-online__name">
+										<?php echo htmlspecialchars($user->name, ENT_COMPAT, 'UTF-8'); ?>
+									</span>
+								<?php endif; ?>
+								
+								<?php if ($params->get('show_status', 1) && !empty($user->status)) : ?>
+									<span class="mod-cb-online__status">
+										<?php echo htmlspecialchars($user->status, ENT_COMPAT, 'UTF-8'); ?>
+									</span>
+								<?php endif; ?>
+							</div>
+							
+							<?php if ($params->get('show_online_icon', 1)) : ?>
+								<span class="mod-cb-online__indicator" title="<?php echo Text::_('MOD_CB_ONLINE_NOW'); ?>">
+									<span class="icon-checkmark" aria-hidden="true"></span>
+								</span>
+							<?php endif; ?>
+						</li>
+					<?php endforeach; ?>
+				</ul>
+			</div>
+		<?php endif; ?>
+	<?php else : ?>
+		<div class="mod-cb-online__empty">
+			<p><?php echo Text::_('MOD_CB_ONLINE_NO_USERS'); ?></p>
+		</div>
+	<?php endif; ?>
+</div>
diff --git a/src/templates/html/mod_comprofilerOnline/index.html b/src/templates/html/mod_comprofilerOnline/index.html
new file mode 100644
index 0000000..09b7ab1
--- /dev/null
+++ b/src/templates/html/mod_comprofilerOnline/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title></title></head><body></body></html>
diff --git a/src/templates/html/mod_login/default.php b/src/templates/html/mod_login/default.php
new file mode 100644
index 0000000..3da001e
--- /dev/null
+++ b/src/templates/html/mod_login/default.php
@@ -0,0 +1,168 @@
+<?php
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_login
+ *
+ * @copyright   (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ *
+ * Mobile responsive override for mod_login module
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Component\ComponentHelper;
+use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
+use Joomla\CMS\Router\Route;
+
+HTMLHelper::_('behavior.keepalive');
+HTMLHelper::_('bootstrap.tooltip', '.hasTooltip');
+
+$usersConfig = ComponentHelper::getParams('com_users');
+$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
+
+// Add responsive wrapper class
+$wrapperClass = 'mod-login mod-login-responsive ' . $moduleclass_sfx;
+?>
+
+<div class="<?php echo $wrapperClass; ?>">
+	<?php if ($type === 'logout') : ?>
+		<form action="<?php echo Route::_('index.php', true); ?>" method="post" id="login-form-<?php echo $module->id; ?>" class="mod-login__form mod-login__form--logout">
+			<?php if ($params->get('greeting', 1)) : ?>
+				<div class="mod-login__greeting">
+					<?php if ($params->get('name', 0) == 0) : ?>
+						<?php echo Text::sprintf('MOD_LOGIN_HINAME', htmlspecialchars($user->get('name'), ENT_COMPAT, 'UTF-8')); ?>
+					<?php else : ?>
+						<?php echo Text::sprintf('MOD_LOGIN_HINAME', htmlspecialchars($user->get('username'), ENT_COMPAT, 'UTF-8')); ?>
+					<?php endif; ?>
+				</div>
+			<?php endif; ?>
+
+			<div class="mod-login__actions">
+				<button type="submit" name="Submit" class="mod-login__btn mod-login__btn--logout btn btn-secondary">
+					<span class="icon-sign-out" aria-hidden="true"></span>
+					<?php echo Text::_('JLOGOUT'); ?>
+				</button>
+				<input type="hidden" name="option" value="com_users" />
+				<input type="hidden" name="task" value="user.logout" />
+				<input type="hidden" name="return" value="<?php echo $return; ?>" />
+				<?php echo HTMLHelper::_('form.token'); ?>
+			</div>
+		</form>
+	<?php else : ?>
+		<form action="<?php echo Route::_('index.php', true); ?>" method="post" id="login-form-<?php echo $module->id; ?>" class="mod-login__form mod-login__form--login">
+			<?php if ($params->get('pretext')) : ?>
+				<div class="mod-login__pretext">
+					<?php echo $params->get('pretext'); ?>
+				</div>
+			<?php endif; ?>
+
+			<div class="mod-login__fields">
+				<div class="mod-login__field">
+					<label for="modlogi username-<?php echo $module->id; ?>" class="mod-login__label">
+						<?php echo Text::_('MOD_LOGIN_VALUE_USERNAME'); ?>
+					</label>
+					<input 
+						id="modlogi username-<?php echo $module->id; ?>" 
+						type="text" 
+						name="username" 
+						class="mod-login__input form-control" 
+						placeholder="<?php echo Text::_('MOD_LOGIN_VALUE_USERNAME'); ?>"
+						autocomplete="username"
+						required
+					/>
+				</div>
+
+				<div class="mod-login__field">
+					<label for="modloginpass-<?php echo $module->id; ?>" class="mod-login__label">
+						<?php echo Text::_('JGLOBAL_PASSWORD'); ?>
+					</label>
+					<input 
+						id="modloginpass-<?php echo $module->id; ?>" 
+						type="password" 
+						name="password" 
+						class="mod-login__input form-control" 
+						placeholder="<?php echo Text::_('JGLOBAL_PASSWORD'); ?>"
+						autocomplete="current-password"
+						required
+					/>
+				</div>
+
+				<?php if (count($twofactormethods) > 1) : ?>
+					<div class="mod-login__field">
+						<label for="modloginsecretkey-<?php echo $module->id; ?>" class="mod-login__label">
+							<?php echo Text::_('JGLOBAL_SECRETKEY'); ?>
+						</label>
+						<input 
+							id="modloginsecretkey-<?php echo $module->id; ?>" 
+							type="text" 
+							name="secretkey" 
+							class="mod-login__input form-control" 
+							placeholder="<?php echo Text::_('JGLOBAL_SECRETKEY'); ?>"
+							autocomplete="one-time-code"
+						/>
+					</div>
+				<?php endif; ?>
+
+				<?php if ($params->get('useLocale', 0)) : ?>
+					<div class="mod-login__field">
+						<label for="lang-<?php echo $module->id; ?>" class="mod-login__label">
+							<?php echo Text::_('MOD_LOGIN_LANGUAGE'); ?>
+						</label>
+						<?php echo $languages; ?>
+					</div>
+				<?php endif; ?>
+
+				<?php if ($params->get('showRememberMe', 1)) : ?>
+					<div class="mod-login__remember">
+						<input 
+							id="modloginrememberme-<?php echo $module->id; ?>" 
+							type="checkbox" 
+							name="remember" 
+							class="mod-login__checkbox" 
+							value="yes"
+						/>
+						<label for="modloginrememberme-<?php echo $module->id; ?>" class="mod-login__remember-label">
+							<?php echo Text::_('MOD_LOGIN_REMEMBER_ME'); ?>
+						</label>
+					</div>
+				<?php endif; ?>
+			</div>
+
+			<div class="mod-login__actions">
+				<button type="submit" name="Submit" class="mod-login__btn mod-login__btn--submit btn btn-primary">
+					<span class="icon-sign-in" aria-hidden="true"></span>
+					<?php echo Text::_('JLOGIN'); ?>
+				</button>
+				<input type="hidden" name="option" value="com_users" />
+				<input type="hidden" name="task" value="user.login" />
+				<input type="hidden" name="return" value="<?php echo $return; ?>" />
+				<?php echo HTMLHelper::_('form.token'); ?>
+			</div>
+
+			<?php if ($usersConfig->get('allowUserRegistration')) : ?>
+				<div class="mod-login__links">
+					<a href="<?php echo Route::_('index.php?option=com_users&view=registration'); ?>" class="mod-login__link">
+						<?php echo Text::_('MOD_LOGIN_REGISTER'); ?>
+						<span class="icon-chevron-right" aria-hidden="true"></span>
+					</a>
+					<a href="<?php echo Route::_('index.php?option=com_users&view=reset'); ?>" class="mod-login__link">
+						<?php echo Text::_('MOD_LOGIN_FORGOT_YOUR_PASSWORD'); ?>
+						<span class="icon-chevron-right" aria-hidden="true"></span>
+					</a>
+					<a href="<?php echo Route::_('index.php?option=com_users&view=remind'); ?>" class="mod-login__link">
+						<?php echo Text::_('MOD_LOGIN_FORGOT_YOUR_USERNAME'); ?>
+						<span class="icon-chevron-right" aria-hidden="true"></span>
+					</a>
+				</div>
+			<?php endif; ?>
+
+			<?php if ($params->get('posttext')) : ?>
+				<div class="mod-login__posttext">
+					<?php echo $params->get('posttext'); ?>
+				</div>
+			<?php endif; ?>
+		</form>
+	<?php endif; ?>
+</div>
diff --git a/src/templates/html/mod_login/index.html b/src/templates/html/mod_login/index.html
new file mode 100644
index 0000000..09b7ab1
--- /dev/null
+++ b/src/templates/html/mod_login/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title></title></head><body></body></html>
diff --git a/src/templates/html/mod_menu/default.php b/src/templates/html/mod_menu/default.php
new file mode 100644
index 0000000..92e1df9
--- /dev/null
+++ b/src/templates/html/mod_menu/default.php
@@ -0,0 +1,40 @@
+<?php
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_menu
+ *
+ * @copyright   (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ *
+ * Mobile responsive override for mod_menu module
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\Helper\ModuleHelper;
+
+$id = '';
+
+if ($tagId = $params->get('tag_id', '')) {
+	$id = ' id="' . $tagId . '"';
+}
+
+// The menu class is deprecated. Use mod-menu instead
+$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
+
+// Add responsive wrapper class
+$wrapperClass = 'mod-menu mod-menu-responsive ' . $moduleclass_sfx;
+
+if ($params->get('layout', 'default') === 'default') {
+	$wrapperClass .= ' mod-menu--default';
+}
+?>
+<nav class="<?php echo $wrapperClass; ?>"<?php echo $id; ?> aria-label="<?php echo htmlspecialchars($module->title, ENT_COMPAT, 'UTF-8'); ?>">
+	<?php if ($params->get('showHeading', 0)) : ?>
+		<h<?php echo $params->get('heading', 3); ?> class="mod-menu__heading">
+			<?php echo $module->title; ?>
+		</h<?php echo $params->get('heading', 3); ?>>
+	<?php endif; ?>
+	
+	<?php require ModuleHelper::getLayoutPath('mod_menu', $params->get('layout', 'default') . '_' . $params->get('menutype')); ?>
+</nav>
diff --git a/src/templates/html/mod_menu/default_component.php b/src/templates/html/mod_menu/default_component.php
new file mode 100644
index 0000000..68ca54e
--- /dev/null
+++ b/src/templates/html/mod_menu/default_component.php
@@ -0,0 +1,14 @@
+<?php
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_menu
+ *
+ * @copyright   (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ *
+ * Mobile responsive component for mod_menu
+ */
+
+defined('_JEXEC') or die;
+?>
+<span class="mod-menu__separator"><?php echo $item->title; ?></span>
diff --git a/src/templates/html/mod_menu/default_url.php b/src/templates/html/mod_menu/default_url.php
new file mode 100644
index 0000000..43cc450
--- /dev/null
+++ b/src/templates/html/mod_menu/default_url.php
@@ -0,0 +1,52 @@
+<?php
+/**
+ * @package     Joomla.Site
+ * @subpackage  mod_menu
+ *
+ * @copyright   (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
+ * @license     GNU General Public License version 2 or later; see LICENSE.txt
+ *
+ * Mobile responsive menu list for mod_menu
+ */
+
+defined('_JEXEC') or die;
+
+use Joomla\CMS\HTML\HTMLHelper;
+
+$attributes = [];
+
+if ($item->anchor_title) {
+	$attributes['title'] = $item->anchor_title;
+}
+
+if ($item->anchor_css) {
+	$attributes['class'] = $item->anchor_css;
+}
+
+if ($item->anchor_rel) {
+	$attributes['rel'] = $item->anchor_rel;
+}
+
+$linktype = $item->title;
+
+if ($item->menu_image) {
+	if ($item->menu_image_css) {
+		$image_attributes['class'] = $item->menu_image_css;
+		$linktype = HTMLHelper::_('image', $item->menu_image, $item->title, $image_attributes);
+	} else {
+		$linktype = HTMLHelper::_('image', $item->menu_image, $item->title);
+	}
+
+	if ($item->params->get('menu_text', 1)) {
+		$linktype .= '<span class="image-title">' . $item->title . '</span>';
+	}
+}
+
+if ($item->browserNav == 1) {
+	$attributes['target'] = '_blank';
+} elseif ($item->browserNav == 2) {
+	$options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes';
+	$attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
+}
+
+echo HTMLHelper::_('link', $item->flink, $linktype, $attributes);
diff --git a/src/templates/html/mod_menu/index.html b/src/templates/html/mod_menu/index.html
new file mode 100644
index 0000000..09b7ab1
--- /dev/null
+++ b/src/templates/html/mod_menu/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><title></title></head><body></body></html>