From 067eb5934490c3866dc2150aa791efa24a76bcbf Mon Sep 17 00:00:00 2001
From: "IGNY8 VPS (Salman)" <vps@igny8.com>
Date: Sat, 10 Jan 2026 07:47:41 +0000
Subject: [PATCH] 1.3.2

---
 .../assets/css/igny8-content-template.css     | 46 +++++++++++++++----
 .../parts/igny8-content-sections.php          | 18 ++++++--
 2 files changed, 53 insertions(+), 11 deletions(-)

diff --git a/plugins/wordpress/source/igny8-wp-bridge/templates/assets/css/igny8-content-template.css b/plugins/wordpress/source/igny8-wp-bridge/templates/assets/css/igny8-content-template.css
index 2b624b79..ff20e94d 100644
--- a/plugins/wordpress/source/igny8-wp-bridge/templates/assets/css/igny8-content-template.css
+++ b/plugins/wordpress/source/igny8-wp-bridge/templates/assets/css/igny8-content-template.css
@@ -581,6 +581,27 @@
     white-space: pre-wrap;
 }
 
+/* === Images without descriptions (reused images) === */
+.igny8-image-figure.igny8-image-no-caption {
+    border: none;
+    background: transparent;
+    box-shadow: none;
+    padding: 0;
+    margin: 0 auto 2rem auto;
+}
+
+.igny8-image-figure.igny8-image-no-caption .igny8-in-article-image,
+.igny8-image-figure.igny8-image-no-caption .igny8-image-landscape {
+    border-radius: var(--igny8-border-radius-md);
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+}
+
+/* Landscape images without captions should still respect max-width */
+.igny8-image-figure.igny8-image-no-caption.igny8-image-landscape-figure {
+    max-width: 1024px;
+    width: 100%;
+}
+
 /* === Metadata Footer === */
 .igny8-metadata-footer {
     margin-top: 3rem;
@@ -924,13 +945,14 @@
 /* === Landscape Image Card Fit === */
 .igny8-image-landscape-figure {
     width: 100%;
-    max-width: none;
-    margin: 0 0 2rem 0;
+    max-width: 1024px;
+    margin: 0 auto 2rem auto;
+    display: block;
 }
 
 .igny8-image-landscape-figure .igny8-image-landscape {
     width: 100%;
-    max-width: none;
+    max-width: 100%;
     height: auto;
     display: block;
 }
@@ -941,28 +963,36 @@
     grid-template-columns: 1fr 1fr;
     gap: 2rem;
     align-items: start;
+    grid-auto-flow: dense;
 }
 
 .igny8-section-content.igny8-has-square-image .igny8-image-figure {
     max-width: none;
+    width: 100%;
     float: none;
     margin: 0;
+    display: block;
+}
+
+.igny8-section-content.igny8-has-square-image .igny8-prose {
+    min-width: 0;
+    width: 100%;
 }
 
 .igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-image-figure {
-    order: 1;
+    grid-column: 1;
 }
 
 .igny8-section-content.igny8-has-square-image.igny8-image-left .igny8-prose {
-    order: 2;
+    grid-column: 2;
 }
 
 .igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-image-figure {
-    order: 2;
+    grid-column: 2;
 }
 
 .igny8-section-content.igny8-has-square-image.igny8-image-right .igny8-prose {
-    order: 1;
+    grid-column: 1;
 }
 
 @media (max-width: 768px) {
@@ -972,7 +1002,7 @@
     
     .igny8-section-content.igny8-has-square-image .igny8-image-figure,
     .igny8-section-content.igny8-has-square-image .igny8-prose {
-        order: unset;
+        grid-column: auto;
     }
 }
 
diff --git a/plugins/wordpress/source/igny8-wp-bridge/templates/parts/igny8-content-sections.php b/plugins/wordpress/source/igny8-wp-bridge/templates/parts/igny8-content-sections.php
index 092f98d0..2545d648 100644
--- a/plugins/wordpress/source/igny8-wp-bridge/templates/parts/igny8-content-sections.php
+++ b/plugins/wordpress/source/igny8-wp-bridge/templates/parts/igny8-content-sections.php
@@ -150,9 +150,13 @@ $reuse_pattern = [1, 0, 3, 2]; // Featured, Square1, Landscape2, Square2
                     if (!$show_description) {
                         $img_class .= ' igny8-image-reuse';
                     }
+                    $figure_class = 'igny8-image-figure';
+                    if (!$show_description || empty($img_caption)) {
+                        $figure_class .= ' igny8-image-no-caption';
+                    }
                     ?>
                     <div class="igny8-section-content">
-                        <figure class="igny8-image-figure">
+                        <figure class="<?php echo esc_attr($figure_class); ?>">
                             <img src="<?php echo esc_url($img_url); ?>" 
                                  alt="<?php echo esc_attr($section['heading']); ?>"
                                  class="<?php echo esc_attr($img_class); ?>"
@@ -176,9 +180,13 @@ $reuse_pattern = [1, 0, 3, 2]; // Featured, Square1, Landscape2, Square2
                         $img_class .= ' igny8-image-reuse';
                     }
                     $section_class = 'igny8-section-content igny8-has-square-image igny8-image-' . $img_align;
+                    $figure_class = 'igny8-image-figure';
+                    if (!$show_description || empty($img_caption)) {
+                        $figure_class .= ' igny8-image-no-caption';
+                    }
                     ?>
                     <div class="<?php echo esc_attr($section_class); ?>">
-                        <figure class="igny8-image-figure">
+                        <figure class="<?php echo esc_attr($figure_class); ?>">
                             <img src="<?php echo esc_url($img_url); ?>" 
                                  alt="<?php echo esc_attr($section['heading']); ?>"
                                  class="igny8-in-article-image"
@@ -201,9 +209,13 @@ $reuse_pattern = [1, 0, 3, 2]; // Featured, Square1, Landscape2, Square2
                     if (!$show_description) {
                         $img_class .= ' igny8-image-reuse';
                     }
+                    $figure_class = 'igny8-image-figure igny8-image-landscape-figure';
+                    if (!$show_description || empty($img_caption)) {
+                        $figure_class .= ' igny8-image-no-caption';
+                    }
                     ?>
                     <div class="igny8-section-content">
-                        <figure class="igny8-image-figure igny8-image-landscape-figure">
+                        <figure class="<?php echo esc_attr($figure_class); ?>">
                             <img src="<?php echo esc_url($img_url); ?>" 
                                  alt="<?php echo esc_attr($section['heading']); ?>"
                                  class="<?php echo esc_attr($img_class); ?>"