wp 1.3.0

plugins/wordpress/source/igny8-wp-bridge/templates/assets/css/igny8-content-template.css

@@ -852,3 +852,97 @@
         break-inside: avoid;
     }
 }
+
+/* === Clickable Links & Badges === */
+.igny8-clickable-link {
+    text-decoration: none;
+    color: inherit;
+    transition: color 0.2s ease;
+}
+
+.igny8-clickable-link:hover {
+    color: var(--igny8-theme-color);
+}
+
+.igny8-clickable-badge {
+    text-decoration: none;
+    color: inherit;
+    transition: background-color 0.2s ease, border-color 0.2s ease;
+}
+
+.igny8-clickable-badge:hover {
+    background: rgba(59, 130, 246, 0.15);
+    border-color: rgba(59, 130, 246, 0.3);
+    color: var(--igny8-theme-color);
+}
+
+/* === Intro Grid Layout (TOC 33% / Content 66%) === */
+.igny8-intro-grid {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 2rem;
+}
+
+@media (min-width: 768px) {
+    .igny8-intro-grid {
+        grid-template-columns: 1fr 2fr;
+        gap: 3rem;
+    }
+}
+
+.igny8-toc-inline {
+    margin-bottom: 0;
+    height: fit-content;
+    position: sticky;
+    top: 2rem;
+}
+
+.igny8-intro-content {
+    min-width: 0;
+}
+
+/* === Featured Image Full Width === */
+.igny8-featured-fullwidth {
+    padding: 0;
+}
+
+.igny8-featured-fullwidth .igny8-featured-image-wrapper {
+    width: 100%;
+}
+
+.igny8-featured-fullwidth .igny8-featured-image {
+    width: 100%;
+    max-width: none;
+    height: auto;
+    display: block;
+}
+
+.igny8-featured-fullwidth .igny8-image-caption {
+    padding: 1rem 2rem;
+}
+
+/* === Landscape Image Card Fit === */
+.igny8-image-landscape-figure {
+    width: fit-content;
+    max-width: 100%;
+    margin: 0 auto 2rem;
+}
+
+.igny8-image-landscape-figure .igny8-image-landscape {
+    max-width: 100%;
+    width: auto;
+    height: auto;
+}
+
+/* === Blockquote Fix (prevent overlap with floated images) === */
+.igny8-prose blockquote {
+    clear: both;
+    overflow: hidden;
+}
+
+/* === Ensure proper content flow around floated images === */
+.igny8-section-content::after {
+    content: "";
+    display: table;
+    clear: both;
+}