/* Custom styling for gallery figcaptions */
.gallery figcaption,
.fancy-figure figcaption {
    background: rgba(0, 0, 0, 0.5);
    color: var(--primary);
    padding: 2px 5px;
    margin: 0;
    text-align: center;
}

/* Style for h4 inside figcaption */
.gallery figcaption h4,
.fancy-figure figcaption h4 {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    color: var(--tertiary);
}

/* Fix for dark mode */
.dark .gallery figcaption h4,
.dark .fancy-figure figcaption h4 {
    color: var(--secondary);
}

/* Specific styling for standalone box figures */
.post-content .box:not(.gallery .box) figcaption,
.post-content > figure figcaption {
    padding: 2px 5px;
    margin: 0;
    text-align: center;
    background: transparent;
}

/* Specific styling for standalone figure h4 captions (not in a gallery) */
.post-content > figure figcaption h4,
.post-content .box:not(.gallery .box) figcaption h4 {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    color: var(--content);
}

.dark .post-content > figure figcaption h4,
.dark .post-content .box:not(.gallery .box) figcaption h4 {
    color: var(--content);
}

/* Override margin for paragraphs inside figcaption */
/* Gallery figcaption paragraphs */
.post-content .gallery figcaption p,
.post-content .fancy-figure figcaption p {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    color: var(--tertiary);
}

/* Standalone figure figcaption paragraphs */
.post-content > figure figcaption p,
.post-content .box:not(.gallery .box) figcaption p {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    color: var(--content);
}

/* Dark mode gallery figcaption paragraphs */
.dark .post-content .gallery figcaption p,
.dark .post-content .fancy-figure figcaption p {
    color: var(--secondary);
}

/* Dark mode standalone figure figcaption paragraphs */
.dark .post-content > figure figcaption p,
.dark .post-content .box:not(.gallery .box) figcaption p {
    color: var(--content);
}