From 65169f8730702e09a8420fde7ef7b6876682f8c8 Mon Sep 17 00:00:00 2001
From: Jonathan Miller <jmiller-moko@noreply.git.mokoconsulting.tech>
Date: Sat, 30 May 2026 10:36:22 -0500
Subject: [PATCH] fix: render module title inside hero card and preserve btn
 styles

- Show module title as h2 inside the card/content when showtitle is
  enabled, keeping it within the overlay rather than above the hero
- Exclude .btn from card link color override so buttons retain their
  own styling

Authored-by: Moko Consulting
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/media/css/mod_mokojoomhero.css | 2 +-
 src/tmpl/default.php               | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/media/css/mod_mokojoomhero.css b/src/media/css/mod_mokojoomhero.css
index cb7ff76..8093343 100644
--- a/src/media/css/mod_mokojoomhero.css
+++ b/src/media/css/mod_mokojoomhero.css
@@ -121,7 +121,7 @@ iframe.mokojoomhero__video {
 	margin-top: 0;
 }
 
-.mokojoomhero__card a {
+.mokojoomhero__card a:not(.btn) {
 	color: inherit;
 	text-decoration: underline;
 }
diff --git a/src/tmpl/default.php b/src/tmpl/default.php
index eeb53db..62879d4 100644
--- a/src/tmpl/default.php
+++ b/src/tmpl/default.php
@@ -64,12 +64,18 @@ $heightAttr = htmlspecialchars($heroHeight, ENT_QUOTES, 'UTF-8');
 	<?php // Overlay + content ?>
 	<div class="mokojoomhero__overlay" style="background-color: <?php echo $rgba; ?>;">
 		<div class="mokojoomhero__content" style="text-align: <?php echo htmlspecialchars($textAlign, ENT_QUOTES, 'UTF-8'); ?>; color: <?php echo htmlspecialchars($textColor, ENT_QUOTES, 'UTF-8'); ?>;">
-			<?php if ($heroContent) : ?>
+			<?php if ($heroContent || $module->showtitle) : ?>
 				<?php if ($showCard) : ?>
 					<div class="mokojoomhero__card">
+						<?php if ($module->showtitle) : ?>
+							<h2 class="mokojoomhero__title"><?php echo htmlspecialchars($module->title, ENT_QUOTES, 'UTF-8'); ?></h2>
+						<?php endif; ?>
 						<?php echo $heroContent; ?>
 					</div>
 				<?php else : ?>
+					<?php if ($module->showtitle) : ?>
+						<h2 class="mokojoomhero__title"><?php echo htmlspecialchars($module->title, ENT_QUOTES, 'UTF-8'); ?></h2>
+					<?php endif; ?>
 					<?php echo $heroContent; ?>
 				<?php endif; ?>
 			<?php endif; ?>