/**
 * jp-586-blog-image-caption.css
 * JP-586 [C15] Blog posts (example: siga-batterien) — "Image captions are
 *   not rendered correctly" (sheet #134).
 *
 * ── What's wrong ─────────────────────────────────────────────────────────
 *   The theme's compiled app.css pairs:
 *       .figure          { display: table; }
 *       .figure-caption  { display: table-caption; }
 *   so the caption spans the image as a table-caption. But a later compiled
 *   sheet (app-1.css) re-declares `.figure { display: inline-block }`, so the
 *   figure is no longer a table box. The orphaned `display: table-caption`
 *   then shrink-wraps to its min-content width (~68px = the longest word),
 *   rendering the caption as a tall one-word-per-line vertical column under
 *   the image instead of a full-width centred line.
 *
 * ── Scope: sitewide, not blog-only ───────────────────────────────────────
 *   The `.figure-caption` is emitted by the `ImageStandard` image widget
 *   (jtl-pagebuilder/widgets/Image/Standard/Template.php) via its `caption`
 *   attribute — so the same broken column appears anywhere a captioned image
 *   widget is used, NOT just blog posts. DB confirms captioned images on
 *   post types `blog` (335), `page` (23) and `referenzen` (14). The ticket's
 *   "Blog posts (example: siga-batterien)" is just the reported instance, so
 *   per CLAUDE.md rule 13/17 (fix every instance of the widget) this targets
 *   `.figure-caption` globally rather than the blog wrapper. Safe sitewide:
 *   `display: table-caption` is already orphaned on every page (the figure is
 *   never a table box), so restoring the Bootstrap default cannot regress any
 *   currently-working caption.
 *
 * ── Fix ──────────────────────────────────────────────────────────────────
 *   Restore the caption to a normal full-width block (Bootstrap's own
 *   `.figure-caption` default). Each caption keeps its own alignment class
 *   (`text-center` / default), so centred captions stay centred — only the
 *   broken `table-caption` shrink-wrap is removed.
 *
 * Specificity: `.figure-caption` (0,1,0) + !important, loaded after app.css
 * via the overrides loader — beats app.css's `.figure-caption` (0,1,0)
 * display:table-caption (no !important on the source).
 */

.figure-caption,
figure.figure figcaption {
    display: block !important;
    width: auto !important;
}